차별화 포인트

• 실시간 가격 시스템 — 관심상품·최근 본 상품·관련 상품의 가격을 상세페이지 기준으로 동기화 (sessionStorage 5분 캐싱)
• 카페24 module 100% 호환 — 카페24 기본 마크업을 그대로 활용, 업데이트에도 안전
• 모바일 퍼스트 인터랙션 — 옵션 시트 슬라이드업, 메뉴 자동 센터링, 부드러운 아코디언

디자인 특징

• 미니멀하고 모던한 에디토리얼 레이아웃
• CSS 변수 기반 디자인 토큰 시스템
• Pretendard Variable + Hanken + Helvetica Neue 폰트 조합
• 글래스모피즘 효과 헤더

메인 / 상품 목록

• Hero 이미지 슬라이더 (페이드 전환 + 자동 재생)
• 카테고리 가로 스크롤 메뉴 + 활성 메뉴 자동 센터링
• 그리드 사이즈 토글 (PC/모바일 위치 자동 전환)
• 무한 스크롤 + 백 네비게이션 시 스크롤 위치 복원
• 에디토리얼 배너 시스템 : 카테고리 별로 설정 가능. 영상/ 이미지 선택 적용. 원하는 위치와 배너 수 변경 가능
• 룩북 키워드 태그 표시
• 룩북 시스템 (샘플사이트 STORIES)

상품 상세

• PC 세로 갤러리 + 풀스크린 라이트박스
• 모바일 Swiper 슬라이더 (N/N 페이지네이션)
• 컬러 자동 표시 (One color / N colors)
• 커스텀 드롭다운 + 옵션 시트 슬라이드업
• Sticky 어코디언 우측 정보 영역
• 옵션 행 grid 레이아웃 자동 정리

가격 표시 시스템

• 소비자가 = 판매가일 때 소비자가 자동 숨김
• 최적할인가 활성 시 판매가 자동 취소선, 색변경
• 관심상품·최근 본 상품·관련 상품 가격 실시간 동기화
• 모든 상품 페이지 공통 적용

상품 검색

• 검색 원하지 않는 상품을 페이지네이션 영향 없이 자동 숨김처리

마이페이지 / 게시판/고객센터

• 마이페이지 모바일 가로 스크롤 메뉴
• 대시보드 2열 그리드 버튼
• 안내 박스 아코디언 자동 적용
• 주문 옵션 행 모바일 최적화
• 게시글 검색 레이어 (PC 드롭다운 / 모바일 하단 시트)
• FAQ 아코디언

헤더 & 네비게이션

• 카테고리 자동 GNB 빌드 (sessionStorage 캐싱)
• 모바일 풀스크린 메뉴 + 부드러운 아코디언
• 검색 레이어 슬라이드다운
• 카테고리 페이지 상위 이동 화살표
• FOUC 방지 페이드인

기술 사양

• 카페24 스마트 디자인 (PC + 모바일)
• 반응형 (1024px 분기)
• Swiper.js 슬라이더
• iOS bounce 효과 차단
• Vanilla JS + jQuery (카페24 호환)

그 외 기능들은 샘플 사이트 접속하셔서 확인해주세요.
영문몰 세팅 가능합니다.