디자인 추가 및 선택

디자인 라이브러리

1. 

• 디자인 라이브러리는 네비게이션 우측상단 메뉴를 통해 접근할 수 있습니다.

• 멀티몰 별 대표디자인과 최근 편집한 디자인 바로가기도 제공합니다.

1. 

• 현재 운영중인 멀티몰에 설정된 대표디자인을 확인하고 변경할 수 있으며, PC와 MOBILE 대표디자인을 각각 한화면에서 수정할 수도 있습니다.

• TIP 카페24 관리자페이지에서 추가한 디자인을 선택하여 편집하거나, 대표디자인으로 설정할 수 있습니다.

• 스마트디자인 Easy에서 제공하는 무료 기본디자인 5종(오우이, 아키테이블, 커먼셀렉트, 애쉬프레임, 캠퍼타운)을 추가할 수 있습니다.

1. [TIP] 반응형 스킨을 대표 디자인으로 설정하는 경우, 모바일 전용디자인 설정을 해제해야 모바일 환경에서 설정한 반응형 스킨이 제공됩니다.

페이지 바로가기

1. 

• 셀렉트 박스를 선택하여 쇼핑몰의 주요 페이지로 바로갈 수 있습니다.

• 주요페이지로의 이동은 프리뷰 화면을 통해 쇼핑몰을 탐색하듯이 자연스럽게 이동할 수도 있습니다.

1. [TIP] 프리뷰화면에서 쇼핑몰을 탐색하기 위해서는 자동선택이 비활성화되어 있어야 합니다.자세한 설명은 아래 편집 편의 기능을 참고하세요.

주요 페이지

1. 메인페이지

• 쇼핑몰의 메인이 되는 페이지로 도메인으로 접근 시 가장 먼저 볼 수 있는 페이지입니다.

• 배너, 이미지 등이 포함된 컨텐츠 섹션과 다양한 레이아웃의 상품 섹션을 설정할 수 있습니다.

1. 상품분류페이지

• 상품분류(카테고리)의 상품 목록을 볼 수 있는 페이지입니다.

• 기본 상품 목록을 포함하여 추천상품, 신상품 목록을 설정할 수 있습니다.

1. 상품상세페이지

• 상품의 상세 정보를 볼 수 있는 페이지입니다.

• 상단에 표시되는 상품정보와 하단에 있는 이용안내, 관련 상품 등을 설정할 수 있습니다.

1. 장바구니

• 장바구니에 담긴 상품 목록을 확인할 수 있는 페이지입니다.

1. 주문서

• 상품을 주문할 때 사용되는 페이지입니다.

1. 로그인

• 고객이 로그인할 때 사용되는 페이지입니다.

• SNS 로그인 항목을 관리하고 노출 여부를 설정할 수 있습니다.

1. 회원가입

• 고객이 회원 가입할 때 사용되는 페이지입니다.

• 회원가입 시 입력 받은 항목을 설정할 수 있습니다.

1. 마이페이지

• 고객의 쇼핑 정보, 활동 정보, 회원 정보를 확인할 수 있는 페이지입니다.

편집 편의 기능

1. 

① 프리뷰 보기 방식 선택

• 쇼핑몰 프리뷰 화면에 대한 3개의 보기모드를 제공합니다.

• PC 화면 모드는 컨트롤패널이 켜진 상태에서 PC환경으로 접속했을 때의 쇼핑몰 화면을 확인할 수 있습니다.

• MOBILE 화면 모드는 마찬가지로 컨트롤패널을 사용하며 MOBILE 환경으로 접속했을 때의 쇼핑몰 화면을 확인할 수 있습니다.

• 전체화면 모드는 컨트롤 패널을 숨기고 가로 100%의 넓은 화면을 보여줍니다. 전체화면 모드에서 프리뷰화면에서 섹션을 선택하면 자동으로 PC 화면 모드로 전환됩니다.

② 되돌리기/다시실행하기

• 편집한 내용을 되돌리거나 다시 실행할 수 있습니다. 되돌리기/다시실행하기는 '디자인 저장' 전까지 가능합니다.

1. [TIP] 되돌리기/다시실행하기는 디자인 수정항목에만 적용되며, 관리자페이지의 설정 항목은 적용되지 않습니다.

③ 자동선택

• 자동선택을 활성화할 경우 프리뷰 화면에서 섹션 영역 단위로 선택이 가능합니다. 자동선택을 비활성화한 상태에서는 쇼핑몰을 탐색할 수 있습니다.

④ 로그인전/후

• 쇼핑몰 페이지의 로그인 전/후 화면을 전환할 수 있습니다. 로그인이 필요한 페이지로 이동 시 자동으로 활성화됩니다.

컨트롤패널

• 컨트롤패널에는 각각 섹션/스타일/확장기능을 제공합니다. 설정 가능한 항목들이 노출되는 영역입니다.

섹션

1. 

• 섹션영역에는 현재 위치한 페이지의 모든 컨텐츠가 리스팅됩니다.섹션을 선택하면 해당 설정을 볼 수 있고, 드래그를 통해 섹션 순서를 변경할 수 있습니다.

섹션 추가

• 섹션 추가 버튼을 통해 추가할 섹션을 선택할 수 있습니다. 각 페이지 별로 추가할 수 있는 섹션은 제한됩니다.

1. [TIP] 주요 페이지 별 추가가능한 섹션은 디자인 별로 제한될 수 있습니다.

섹션 삭제

• 각 섹션의 설정화면에서 삭제할 수 있습니다. 섹션 삭제 버튼은 섹션 설정 하단에 표시됩니다.

1. [TIP] 기본적으로 제공되는 섹션은 삭제할 수 없습니다. 레이아웃에 포함된 섹션이나 특정 페이지의 기본 섹션이 해당됩니다.

섹션 숨기기

• 뷰/히든 버튼을 통해 섹션을 숨기거나 볼 수 있습니다. 히든된 섹션은 프리뷰화면 뿐만 아니라 쇼핑몰 화면에서도 가려집니다.

스타일

1. 

• 스타일의 테마 선택으로 쇼핑몰의 주요 컬러와 폰트를 변경할 수 있습니다.

• 테마는 쇼핑몰 디자인에 기본적으로 포함되어 제공되며, 테마를 변경해도 쇼핑몰의 컨텐츠는 변경되지 않습니다.

테마 변경 요소

• 주요 섹션의 배경 컬러

• 주요 버튼 컬러

• 기타 하이라이트 컬러(ex. 슬라이드 적용된 섹션의 스크롤 컬러, 메뉴 마우스 오버 시 노출되는 컬러 등)

• 폰트

확장기능

1. 확장 기능은 현재 준비중으로 추후 오픈 예정입니다.

프리뷰

섹션 기능

1. 

• 각 섹션에 마우스를 오버했을 경우 여러가지 편의기능을 제공합니다.

• 각 섹션 별 설정기능들로 바로갈 수 있습니다.

• 위/아래 버튼을 통해 섹션 위치를 이동할 수 있습니다.

• + 버튼을 통해 새로운 섹션을 추가할 수 있습니다.

섹션 간격 편집

1. 

• 섹션과 섹션 사이에 마우스를 오버했을 경우 섹션 간 간격을 수정할 수 있습니다. 마우스를 드래그하여 간격을 수정하거나 간격 픽셀 수치를 입력할 수 도 있습니다.