공식자료

담온 테마 (가구·리빙 쇼핑몰)

가구 · 리빙 쇼핑몰을 위한 Zittme 공식 테마 담온(damon)의 매뉴얼입니다. 오트밀 바탕에 월넛 브라운 한 가지로 색을 정리했고, 세리프 제목과 넓은 여백, 3열 저밀도 그리드로 상품 한 점을 오래 들여다보게 구성했습니다. 신선한 테마와 같은 뼈대(테마 내장 메인페이지, 반복 필드 섹션 조립)를 쓰므로, 여기 없는 내용은 신선한 테마 문서를 함께 보세요.

데모: damon-demo.zitt.me

담온 데모

구성

구성요소	위치	역할
레이아웃	themes/damon/layouts/damon	사이트 골격 + 테마 내장 메인페이지
커머스 스킨	themes/damon/modules/commerce	상점 홈 · 목록 · 상세 · 장바구니 · 주문 · 마이쇼핑 · 기획전 · 판매자 상점
게시판 스킨	themes/damon/modules/board	목록형 · 카드형 게시판
회원 · 쪽지 · 알림센터 · 메시지 스킨	themes/damon/modules/{member, communication, ncenterlite, message}	로그인 · 마이페이지 · 쪽지 · 알림 · 시스템 안내
예약 · 짓미페이 · 문의 · 지식질문 스킨	themes/damon/modules/{reservation, zittme_pay, contact, kin}	해당 모듈이 설치된 사이트에서만 적용

설치와 적용

스토어에서 설치하거나 themes/damon 에 압축을 풉니다.
관리자 > 디자인 설정에서 담온을 골라 적용합니다.
커머스 모듈이 있으면 상점 메뉴 · 헤더 검색 · 대문 상품 섹션이 자동으로 연동됩니다. 상점 모듈이 여럿이면 레이아웃 설정 > 메인 구성의 "상점 모듈 주소(mid)"에 mid 를 적습니다.
페이지 유형은 사이트맵의 메뉴 클래스에 m(메인) / sl(서브) / sf(전체 폭)를 적어 정합니다. 회원 · 쪽지 · 결제 화면은 자동으로 전체 폭이 됩니다.

권장 환경: Zittme 1.0.1 이상, 커머스 1.1.1 이상. 반응형 테마이므로 모바일 전용 뷰는 끄는 것을 권장합니다.

헤더와 색상 모드

워드마크를 가운데 두고 왼쪽에 상품 검색, 오른쪽에 장바구니 · 알림 아이콘을 둡니다. 로고 이미지를 비우면 로고 텍스트가 세리프 워드마크로 나옵니다.
모바일에서는 하단 탭 바(홈 · 카테고리 · 검색 · 장바구니 · 마이페이지)가 붙습니다.
색상 모드는 자동(기기 설정 따름) · 라이트 · 다크 중에서 고릅니다. 자동이면 방문자가 고른 값을 브라우저에 기억합니다.

테마 내장 메인페이지 (메인 구성)

레이아웃 설정 > 메인 구성 탭의 "메인페이지 섹션" 반복 필드로 순서대로 조립합니다. 하나도 없으면 기본 구성(카테고리 타일 → 신상품 → 배너 → 추천 → 브랜드 → 기획전 → 랭킹 → 배너 → 할인 → 일일특가 → 게시판 최신 글)을 씁니다.

섹션 종류	내용	출처(source)	개수(count)
상점 카테고리 타일	1차 카테고리 바로가기. 아이콘은 "카테고리 아이콘" 반복 필드에서	-	타일 수
추천 / 신상품 / 할인 / 인기 상품	3열 상품 카드 그리드	-	상품 수
일일특가	할인 상품 하나가 날마다 바뀌어 나옵니다	-	-
진행 중 기획전 카드	커머스 기획전을 이미지 카드로	-	카드 수
인기 랭킹	카테고리 탭이 달린 1~N위 목록	-	순위 수
브랜드 줄	"브랜드" 반복 필드에 등록한 로고 · 이름 · 링크	-	브랜드 수
배너 스트립	비주얼 슬라이드 이미지를 중간 배너로 재사용	몇 번째 슬라이드인지 번호 (비우면 차례대로)	-
게시판 최신 글	게시판 글 목록. mid 를 쉼표로 여러 개 적으면 다단	게시판 mid (예: `notice,board`)	글 수

섹션 제목을 비우면 종류별 기본 제목이 나옵니다.

상점 화면 (커머스 스킨)

목록: 카테고리 · 검색 · 정렬. 카드에 판매자(상점) 이름 · 할인율 · 원가.
상세: 상품명 · 가격 · 적립 혜택 · 배송비 · 옵션 · 바로 구매 · 장바구니, 배송 · 치수 · 교환 안내, 리뷰 · 문의 탭, 판매자 정보.
판매자 상점: 오픈마켓을 켜면 상점별 머리 이미지 · 상점 안 검색 · 대표 · 신상품 · 전체 상품 목록이 나옵니다.
기획전 · 장바구니 · 주문 · 마이쇼핑: 신선한 테마와 같은 흐름이며 결제는 짓미페이 스킨으로 이어집니다.

푸터

레이아웃 설정 > 푸터에서 사이트 소개 문구, 고객센터 전화 · 운영시간 · 이메일, SNS 주소, 하단 안내 문구, 사업자 · 연락처 정보, 저작권 표기를 채웁니다. 푸터 메뉴는 사이트맵의 "푸터 메뉴"에 연결합니다.

레이아웃 설정 전체 항목

기본

로고 이미지 · 다크모드 로고 · 로고 텍스트 · 포인트 색상 · 본문 최대 너비(1060 · 1180 · 1320) · 메뉴 바 너비 · 메뉴 바 색상 · 모바일 다크모드 버튼 위치 · 모바일 언어 선택 위치 · 색상 모드

첫 화면

비주얼 슬라이더 표시 · 자동 넘김 간격 · 비주얼 슬라이드(배경 이미지 · 제목 · 설명 · 버튼 이름 · 버튼 링크 · 문구 정렬)

메인 구성

카테고리 아이콘 · 브랜드 · 상점 모듈 주소(mid) · 메인페이지 섹션(종류 · 제목 · 출처 · 개수)

본문 · 사이드

통합 검색 사용 · 사이드에 로그인 상자 표시