<aside> 📌 색상 구성은 상점에 적용되는 주요 색상(배경, 글자, 강조 색상 등)을 미리 조합해 두고 섹션마다 원하는 구성을 빠르게 설정할 수 있도록 하는 기능입니다.
</aside>
① 디자인 편집 에디터의 상단 [⚙️테마 설정] 클릭 ② 왼쪽 패널의 [색상] 항목을 펼치기
<aside> ✅ 기본 색상 구성
</aside>
상점에 기본으로 적용되는 색상 구성입니다.
1️⃣ 기본 색상 구성 아래의 변경 버튼을 클릭하여, 5개의 색상 구성 중 기본 적용할 구성을 운영자가 직접 선택할 수 있습니다.
2️⃣ 기본 색상 구성은 운영자가 ‘기본 색상 구성’으로 설정한 모든 섹션들과, 색상 구성 커스텀이 불가능한 모든 섹션에 적용됩니다.
TIP! 많은 영역에 활용되는 구성인 만큼, 내 브랜드를 잘 나타내는 대표 색상을 조합하시길 권장합니다.
<aside> ✅ 색상 구성
</aside>
상점에서 개별 설정할 수 있는 모든 색상 구성입니다.
1️⃣ 각 색상 구성 오른쪽의 [••• > 설정]을 클릭하여, 조합에 사용될 색상을 선택할 수 있습니다.
배경 색상 : 배경의 색상을 선택할 수 있습니다.
글자 색상 : 글자의 색상을 선택할 수 있습니다.
강조 색상 : 상품 할인율, 필터, 쪽번호, 슬라이드 바, 체크박스 등 강조되는 영역의 색상을 선택할 수 있습니다.
그리드 색상 : 그리드 색상을 선택할 수 있습니다. Grid 테마에만 제공됩니다.
2️⃣ 색상 구성은 운영자가 ‘해당 색상 구성’으로 개별 설정한 섹션에 적용됩니다. 자세한 방법은 하단 섹션별 색상 구성 설정하기 항목에서 살펴볼 수 있습니다.
TIP! 일부 영역에 활용되는 구성인 만큼, 내 브랜드의 대표 색상과 눈에 띄는 특별한 색상을 적절히 조합하시길 권장합니다.
3️⃣ 현재는 최대 5개 설정할 수 있으며 차후 더 많은 개수를 지원 예정입니다.
<aside> 👋 현재는 아래 섹션에서만 색상 구성을 이용할 수 있으며 차후 다른 섹션에도 순차적으로 제공 예정입니다.
헤더, 푸터, HTML, 최상단 배너상품, 미디어+상품, 상품 태그배너, 갤러리, 미디어+텍스트, 텍스트, 퀵메뉴, 전광판</aside>
① 디자인 편집 에디터에서 수정할 섹션을 선택 ② 우측 패널의 [디자인] 탭에서 색상 구성을 선택