영카트5 향수 전문 쇼핑몰 테마 — wi-shop-003
향수를 파는 쇼핑몰을 위해 처음부터 다시 만든 영카트5 전용 테마입니다.
밝은 면에 네이비 포인트로 서 있고, 왼쪽에 사이드바가 고정돼 있습니다. PC·태블릿·모바일을 반응형 한 벌로 처리합니다.
향수 가게라서 있는 것
- 향을 시간 순서로 보여 줍니다. 상품등록의 여분필드에 탑·미들·베이스 노트를 적어 두면
카드와 상세에 노트 칩으로 나오고, 칩을 누르면 그 단계가 어떤 향인지 설명이 열립니다.
- 왼쪽 사이드바 + 사진 플라이아웃. 향 계열(시트러스·플로럴·우디·머스크·오리엔탈)을 누르면
계열 사진과 대표 상품이 옆으로 펼쳐집니다. 분류 이름이 곧 계열 이름입니다.
- 상품 목록 필터. 브랜드·농도·가격·재고로 거르고, 필터는 서버에서 걸러 쪽 나누기가 그대로 맞습니다.
결과 주소를 그대로 공유할 수 있습니다.
- 용량 옵션 시트. 30·50·100ml 처럼 용량을 버튼으로 고르고, 고르는 동안 총 금액이 따라 움직입니다.
디스커버리 세트(샘플 모음)도 같은 방식으로 팔 수 있습니다.
- 에디토리얼 메인. 이번 주의 향 · 계절과 장면으로 고르는 컬렉션 · 읽을거리 · 후기 요약 타일.
후기 수와 평점은 실제 후기에서 계산해 그립니다.
설계 원칙
- 코어 파일을 단 하나도 고치지 않습니다. 그누보드·영카트가 주는 테마 훅과 테마 안의 스킨만 씁니다.
테마를 지우면 원래 화면으로 그대로 돌아갑니다.
- 스타일시트가 한 장입니다. 색은 토큰 한 묶음에서 정해, 포인트 색 몇 줄만 바꿔도 화면 전체가 따라옵니다.
- 바깥으로 나가지 않습니다. CDN·구글폰트·외부 스크립트를 부르지 않고, 서체(Pretendard · Cormorant Garamond · IBM Plex Mono)는 모두 OFL로 테마 안에 넣었습니다.
- 새 창을 띄우지 않습니다. 쪽지·포인트·쿠폰·주소검색 같은 팝업을 모달로 바꿨고, 알림은 토스트로 나옵니다.
다시 만든 화면
- 쇼핑 — 메인 · 분류/상품목록 · 상품상세 · 상품검색 결과 · 기획전
- 주문 — 장바구니 · 주문서 · 주문상세내역 · 보관함(위시리스트) · 쿠폰존
- 회원 — 로그인 · 회원가입 · 정보수정 · 비밀번호 찾기 · 마이페이지(주문·배송·포인트·쿠폰·위시리스트)
- 커뮤니티 — 게시판 · 갤러리 · 사용후기 · 상품문의 · 1:1문의 · FAQ · 내용 페이지 · 통합검색
관리자는 그대로입니다
이 테마는 손님이 보는 화면만 바꿉니다. 상품·주문·회원·쿠폰·게시판은 평소 쓰시던
영카트 관리자에서 똑같이 관리하시면 됩니다.
설치
- 받으신
wi-shop-003 폴더를 그누보드 설치 경로의 theme/ 아래에 올립니다.
- 관리자 > 환경설정 > 테마 에서 테마적용을 누릅니다.
- 게시판 스킨과 내용 페이지 스킨은 테마적용이 건드리지 않으므로 직접 지정합니다
(
theme/wi_bd · theme/wi_bd_gal · theme/basic).
자세한 자리는 동봉한 readme.txt 에 있습니다.
- 상품등록의 여분필드 1(탑)·2(미들)·3(베이스)·4(농도)·5(계열)·6(용량)에 향 정보를 적습니다.
지원 버전 : 그누보드 5.6.x / 영카트 5.4.x
(제작·확인 환경 : 그누보드 5.6.34 · 영카트 5.4.5.5.1 · PHP 8.5)
구매 전 확인해 주세요
- 테마적용은 기존 스킨 설정(DB)을 덮어씁니다. 적용 전에 백업하십시오.
- 데모에 쓰인 사진과 상품 데이터는 들어 있지 않습니다. 라이선스 때문입니다.
상품 사진과 메인 사진은 관리자에서 올리시면 되고, 넣지 않아도 화면은 깨지지 않습니다.
- 상품 목록의 필터는 테마의
shop/list.php 가 코어 목록을 대신해서 동작합니다
(코어가 허용하는 자리이며 코어는 고치지 않습니다).
- 소셜 로그인은 버튼과 화면까지 만들어 두었지만, 실제로 로그인이 되려면
네이버·카카오 등 각 서비스에서 발급받은 API 키를 직접 넣으셔야 합니다.
- 기본 문구는 향수 쇼핑몰 기준입니다. 파는 물건에 맞게
inc/settings.php 에서 바꾸시면 됩니다.
라이선스와 환불
- 구매 1건당 사이트 1곳에 설치하실 수 있습니다. 사이트가 더 필요하시면 추가로 구매해 주십시오.
- 소스는 자유롭게 수정하셔도 됩니다. 다만 원본이든 수정본이든 재판매·재배포·공유는 하실 수 없습니다.
소유권이 넘어가는 것이 아니라 사용권을 드리는 것입니다.
- 구매 후 기간 제한 없이 쓰실 수 있습니다.
- ⚠️ 파일을 내려받기 전에는 결제 취소·환불이 가능합니다. 내려받으신 뒤에는
「전자상거래 등에서의 소비자보호에 관한 법률」 제17조 제2항에 따라 청약철회가 제한됩니다.
구매 전에 이 데모와 위 지원 버전을 꼭 확인해 주십시오.