소개
화장품 · 뷰티 쇼핑몰을 위한 Zittme 공식 테마입니다. 뷰티 편집숍처럼 흰 여백을 넓게 두고 각진 카드에 상품 사진을 크게 실었으며, 로즈 푸시아 포인트와 블러시 아이보리로 색을 잡았습니다. 브랜드명과 상품명을 나눠 적고 별점 · 리뷰 수 · 랭킹 번호 · 세일 배지를 함께 보여 줍니다. 레이아웃과 커머스 · 게시판 · 회원 · 쪽지 · 알림센터 · 메시지 · 예약 · 짓미페이 · 문의 · 지식질문 스킨이 한 벌로 맞춰져 있어, 테마를 적용하는 순간 사이트 전체가 같은 디자인 언어로 바뀝니다.
데모 사이트: shopdemo2.zitt.me (관리자 데모 계정으로 관리 화면까지 둘러볼 수 있습니다)
뷰티 편집숍 방식의 대문
사이트 대문을 레이아웃이 직접 그립니다. 비주얼 슬라이더 아래로 카테고리 인덱스 · 진행 중 기획전 · 추천 상품 · 실시간 랭킹 · 신상품 · 할인 상품 · 게시판 최신 글이 이어지고, 레이아웃 설정의 반복 필드로 섹션을 빼거나 순서와 개수를 바꿉니다. 상품 카드는 브랜드명 · 상품명 · 별점 · 리뷰 수 · 세일 배지를 함께 실어 뷰티 상품에 맞는 정보 밀도를 냅니다.
상점 홈과 카테고리 목록
헤더는 검색 · 워드마크 · 마이페이지 · 장바구니가 한 줄에 놓이고 그 아래 카테고리 메뉴가 이어집니다. 목록은 카테고리 칩과 검색 · 정렬을 한 줄에 두고, 모바일에서는 칩이 좌우로 흐릅니다. 카테고리 타일에는 레이아웃 설정에서 이미지나 이모지 아이콘을 붙일 수 있습니다.
상품 상세와 조합형 옵션
일반 옵션 · 추가 옵션 · 조합형 옵션(색상 × 용량 등)을 지원하고, 품절된 조합은 고를 수 없게 흐려집니다. 배송 안내 · 교환/반품 안내는 HTML 로 꾸밀 수 있습니다.
기획전
커머스 관리자에서 만든 기획전이 상점 홈과 대문 카드에 자동으로 실립니다. 배너는 이미지 · 단색 · 그라디언트 중 고르고 포인트 이미지의 왼쪽 · 오른쪽 위치를 정합니다.
모바일
하단에 홈 · 카테고리 · 검색 · 장바구니 · 마이페이지 5탭 바가 고정되고, 카테고리와 검색은 바텀시트로 열립니다. 반응형이라 모바일 레이아웃을 따로 만들지 않아도 됩니다.
구성
- 레이아웃 : 뷰티 편집숍 헤더, 테마 내장 메인페이지, 비주얼 슬라이더, 고객센터 · SNS · 사업자 정보 푸터, 모바일 하단 탭바와 바텀시트
- 스킨 : 커머스 · 게시판 · 회원 · 쪽지 · 알림센터 · 시스템 메시지 · 예약 · 짓미페이 · 문의 · 지식질문 (부가 모듈 스킨은 해당 모듈이 설치된 사이트에서만 적용)
- 관리자 편의 : 관리자로 로그인하면 헤더와 모바일 서랍에 관리자 · 쇼핑 관리 · 페이 설정 바로가기가 나타납니다
설정
- 포인트 색상 한 곳에서 전 화면 연동, 다크 모드 (자동 · 항상 밝게 · 항상 어둡게), 반응형
- 본문 최대 너비, 메뉴 바 너비와 색상, 비주얼 슬라이드 문구 정렬(왼쪽 · 가운데 · 오른쪽)
- 메인 구성 : 상점 모듈 주소, 메인페이지 섹션 반복 필드, 카테고리 타일 아이콘 (이미지 또는 이모지)
- 푸터 : 사이트 소개, 고객센터 전화 · 운영시간, 문의 이메일, 사업자 정보, SNS 주소, 안내 문구, 저작권
- 레이아웃 클래스 m(메인) · sl(서브) · sf(전체 폭)
- 한국어 · 영어 · 일본어 · 중국어(간체 · 번체) · 독일어 · 프랑스어 · 스페인어 · 러시아어 · 터키어 · 베트남어 · 몽골어 언어 파일 포함
권장 환경
Zittme 1.0.1 이상, 커머스 0.2.18 이상, 짓미페이 0.2.9 이상. 커머스 스킨은 0.2.16 에서 추가된 안내문 HTML · 배너 포인트 정렬 · 주문 상태 필터 · 링크와 검색창 표시 설정을 반영했습니다.
설치 방법
- 관리자 → 자동설치내 사이트 관리자의 자동설치 화면에서 zitt.me 계정을 한 번 연결합니다.
- 자료 찾기자동설치 목록에서 이 자료를 찾거나, ZIP 을 받아 설치 경로에 올립니다.
- 설치 확인내 사이트에서 관리자가 확인 버튼을 눌러야 설치가 끝납니다.
버전·릴리스 노트
- 흐린 보조 글자색을 진하게 조정해 라이트 · 다크 모두 읽기 쉽게 함
- 결제하기 버튼을 단색 바탕으로 바꾸고 마우스를 올리면 테두리로 표시해 어떤 포인트 색에서도 글자 대비 4.5 이상 유지, 결제 금액 · 완료 표시 글자색도 대비를 맞춤
- 대문 큰 버튼 · 지식인 주 버튼의 그라데이션 밝은 쪽을 진하게 바꿔 글자 대비 확보
의견·질문 0
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.