Skip to Content

디자인 토큰 커스터마이즈

이 테마는 Theme Editor 만으로 95% 의 디자인 변경이 가능합니다. 코드를 만질 필요 없습니다.

기본 변경 (Theme Editor)

좌측 패널 → Theme settings:

항목효과
Brand → Logo / Logo width / Favicon헤더 로고와 파비콘
Colors → Background / Foreground / Accent / Muted / Border전체 색상 팔레트
Typography → Heading font / Body font / Base font size폰트 (Shopify Fonts 600+ 선택 가능)
Layout → Page width / Base radius / Base spacing컨테이너 폭, 모서리, 간격
Product card → Image ratio / Show vendor상품 카드 스타일

저장 후 Preview 로 확인. 라이브 변경은 Publish 까지 안전.

디자인 프리셋

색 하나하나를 고르는 대신, 미리 맞춰둔 다섯 가지 중에서 고를 수 있습니다. 색·서체·모서리·여백이 한 벌로 움직이므로 따로 손댈 필요가 없습니다.

프리셋성격어울리는 곳
luxury-beauty크림 바탕에 따뜻한 골드, 세리프 제목스킨케어 · 뷰티
atelier순백에 잉크 블랙, 모서리 없음메종 · 향수 · 가죽
gallery순백에 산세리프, 정사각 카드디자이너 의류 · 컨템포러리
minimal모노크롬, 좁은 자간모던 의류 · 라이프스타일
noir크림 위 다크 잉크와 깊은 골드향수 · 하이엔드 주얼리

프리셋마다 별도의 zip으로 제공됩니다. 받은 뒤에도 위의 Theme settings에서 얼마든지 더 바꿀 수 있습니다.

고급 변경 (코드 편집)

Theme Editor 로 부족하면:

Shopify Admin → Online Store → Themes → ⋯ → Edit code

만질 곳:

  • assets/tailwind.css: Tailwind 빌드 결과. 수동 편집 비추
  • sections/<name>.liquid: 섹션별 markup + 설정
  • snippets/<name>.liquid: 재사용 partial
  • config/settings_schema.json: Theme Editor 에 노출되는 설정 항목

⚠️ Edit code 에서 변경한 내용은 다음 테마 업데이트 때 자동 반영되지 않습니다. 업그레이드 시 수동 머지가 필요합니다.

새 섹션 추가 가능?

가능합니다. sections/ 폴더에 새 .liquid 파일 + {% schema %} 추가:

<section class="py-20">
  <div class="luxury-container">
    <h2 class="text-3xl font-serif">{{ section.settings.heading }}</h2>
  </div>
</section>
 
{% schema %}
{
  "name": "My section",
  "tag": "section",
  "settings": [
    { "type": "text", "id": "heading", "label": "Heading", "default": "Hello" }
  ],
  "presets": [{ "name": "My section" }]
}
{% endschema %}

저장 후 Theme Editor 의 Add section 에 자동 표시됩니다.

시작하기