- 디자인센터의 디자인은 디지털 콘텐츠로 분류되어 디자인 복사 또는 원본 다운로드 또는 계약완료 이후에는 청약 철회(상품 환불)가 불가능합니다.
- 구매하시기 전에 반드시 사용약관을 꼼꼼히 확인하시기 바라며, 해당 디자인에 대한 사용약관은 공급자가 제안하는 것으로 카페24에 이의를 제기하실 수 없습니다.
- 카페24디자인센터를 통해 이루어지는 모든 거래는 카페24의 결제수단을 이용하셔야 구매자를 보호해 드릴 수 있습니다.
- 디자인 구매 후, 추가 비용을 직거래로 지불하고 작업이 추가된 경우에 대해서는 카페24가 책임을 지지 않습니다.
CLOUDTEM RESPONSIVE SKIN
여백이 살아 있는 심플한 화이트 레이아웃에 상품이 돋보이는 넉넉한 진열 영역을 담았습니다.
카테고리가 많은 종합몰, 도매몰, 해외구매대행몰처럼 상품 수가 많고 자주 바뀌는 쇼핑몰에 맞춰 설계했습니다.
| PC + 모바일 반응형 | 하나의 스킨으로 PC와 모바일 화면을 모두 지원합니다. 배너는 PC용·모바일용 이미지를 각각 지정할 수 있어 화면별로 최적화된 비주얼을 보여줍니다. |
|---|---|
| 업종 제한 없는 범용 구조 | 특정 업종 전용 요소 없이 카테고리 메뉴, 진열 영역, 배너, 기획전이 모두 관리자 설정과 이미지 교체만으로 바뀝니다. 패션, 생활, 식품, 가전, 뷰티 등 여러 상품군을 한 사이트에서 함께 운영할 수 있습니다. |
| 스마트디자인 Pro 기반 | 카페24 스마트디자인 Pro(베이직) 구조를 기반으로 제작되어 메인·상품·주문·회원·게시판 등 모든 페이지가 정상 동작하고, 카페24 기능 업데이트에도 안정적으로 대응합니다. |
| 색상 톤 한 곳에서 관리 | 설정 파일의 theme 값 하나만 바꾸면 사이트 전체 포인트 색상이 함께 바뀝니다. 로고, 회원가입 적립금 표시 금액, 무통장 계좌 안내도 같은 파일에서 설정합니다. |
| 코드를 몰라도 수정 가능 | 바꿔야 하는 곳마다 "○○ 수정하는곳" 주석이 달려 있어 검색만으로 배너 이미지, 문구, 링크를 찾아 고칠 수 있습니다. 수정 지점이 정해져 있어 자동화 도구나 AI 에이전트로 문구·배너·색상을 바꾸는 운영에도 적합합니다. |
| 스킨 설명서 동봉 | 폴더 구조, 배너 규격표, 관리자 진열 그룹 연결, 자주 묻는 질문을 정리한 설명서(skin_guide.html)가 스킨에 포함되어 있습니다. |
상품 수가 많은 종합몰에 맞춰 메인에 진열 영역 4개, 카테고리별 베스트 탭, 기획전 배너 3종을 배치했습니다.
| 영역 | 내용 |
|---|---|
| 메인 팝업 | 사용/미사용 한 줄로 켜고 끄는 이미지 팝업. 공지, 이벤트, 입점 안내 등에 활용하며 슬라이드를 추가하면 여러 장이 자동 순환됩니다. |
| 히어로 슬라이드 배너 | 화면을 가득 채우는 3장 슬라이드. 태그 라벨, 제목, 설명, 버튼 문구를 이미지 위에 표시하며 PC·모바일 이미지를 따로 지정합니다. |
| 혜택 바 | 회원가입 적립금, 무료배송, 쿠폰 등 핵심 혜택을 한 줄로 안내하는 영역. 모바일에서는 2단 카드로 정리됩니다. |
| 타임세일 | 4열 슬라이드 상품 진열. 특가·마감 임박 상품을 상단에 노출하며 관리자 메인진열 1번 그룹과 연결되고 최대 12개까지 표시합니다. |
| 스토리 카드 | 이미지 3장과 제목·설명·링크로 구성된 기획전 카드. 시즌 기획전, 신규 입점 브랜드, 카테고리 특집 등에 활용합니다. |
| 카테고리별 베스트 | 대분류를 탭으로 보여주는 베스트 영역. 카테고리가 많은 종합몰에서 분류별 인기 상품을 한 화면에서 보여주며, 분류번호를 지정하거나 비워두면 앞 3개 분류가 자동으로 탭이 됩니다. |
| 컬렉션 밴드 1 · 2 | 세로형 비주얼 이미지 옆에 상품 6개를 배치한 기획전 영역 2개. 브랜드관, 카테고리 특집, 시즌 테마 등 원하는 주제로 운영하며 메인진열 3번·4번 그룹과 연결됩니다. |
| 빌보드 배너 | 가로로 긴 프로모션 배너. 전사 프로모션, 멤버십 혜택, 대형 이벤트 안내에 사용합니다. |
| 새로 만나는 상품 | 4열 그리드 신상품 진열. 메인진열 2번 그룹과 연결되며 최대 12개까지 표시합니다. |
| 고객 후기 · 매거진 | 사용후기 게시판과 갤러리 게시판의 글이 메인에 자동으로 표시됩니다. 게시판에 글만 올리면 됩니다. |
상품 카드에 마우스를 올리면 이미지가 부드럽게 확대되며 관심상품·장바구니 퀵버튼이 나타나고, 할인율·뱃지가 함께 표시됩니다.
메인에 뜨는 상품은 코드가 아니라 관리자 > 상품 > 상품 진열 > 메인 진열에서 그룹별로 등록합니다. 상품이 자주 바뀌는 도매·구매대행몰도 관리자에서만 운영할 수 있습니다.
| 메인 화면 영역 | 관리자 메인진열 그룹 | 진열 수 |
|---|---|---|
| 타임세일 (상단 슬라이드) | 메인진열 1번 그룹 | 최대 12개 |
| 새로 만나는 상품 (하단 그리드) | 메인진열 2번 그룹 | 4열 × 최대 12개 |
| 컬렉션 밴드 1 · 2 | 메인진열 3번 · 4번 그룹 | 각 6개 |
| 카테고리별 베스트 | 각 분류의 추천상품 | 탭별 표시 |
같은 파일명으로 덮어쓰기만 하면 코드를 고치지 않고 배너를 교체할 수 있습니다. 배너만 바꾸면 쇼핑몰의 업종과 분위기가 그대로 바뀝니다.
| 용도 | 권장 크기(px) |
|---|---|
| 히어로 배너 PC / 모바일 | 2040 × 860 / 750 × 860 |
| 메인 팝업 | 464 × 568 |
| 스토리 카드 | 864 × 520 |
| 컬렉션 세로 이미지 | 880 × 1040 |
| 빌보드 배너 PC / 모바일 | 2400 × 520 / 750 × 480 |
이용 안내
· 샘플 사이트의 배너·상품 이미지는 예시(리빙 컨셉)이며, 실제 운영 시 쇼핑몰의 상품군에 맞는 이미지로 교체해 사용하세요.
· 메인 상품은 관리자 > 상품 > 상품 진열 > 메인 진열에서 그룹별로 등록하면 표시됩니다.
· 파일을 수정하기 전에는 원본을 백업해 두시기 바랍니다.
· 설명서에 없는 수정이 필요하면 바꾸고 싶은 화면의 스크린샷과 함께 디자인센터 문의로 남겨 주세요.