자사몰 구조 및 디자인
자사몰 디자인의 구조와 디자인 설정 방법을 안내합니다.
자사몰 홈페이지 → 페이지 → 섹션 → 레이아웃 → 블록'의 구조로 이루어져 있습니다. 즉, 1개 홈페이지에 여러 페이지를 생성할 수 있고, 한 개 페이지에는 여러 섹션을, 한 개 섹션에는 여러 레이아웃을 구성할 수 있는 구조입니다.
현재는 생성하실 섹션을 선택하고 생성하시면 레이아웃과 블록이 모두 세팅됩니다.
"Website Design"페이지에서 [Edit] 버튼을 클릭하여 디자인 수정 페이지로 진입할 수 있습니다.
디자인 페이지 진입 시 수정중인 디자인이 있는 경우 모달이 안내됩니다. 수정 중인 디자인이 있는 경우 해당 디자인을 계속 수정할지, 수정본을 폐기하고 최근 저장본을 불러올 지 선택할 수 있습니다.
여러 페이지가 모여 하나의 홈페이지가 되며, 각 최상위 페이지는 헤더에 추가됩니다.
'페이지 추가' 버튼을 통해 새로운 페이지를 생성할 수 있으며, 각 페이지별로 커스터마이징할 수 있습니다.
각 페이지는 개별적인 이름과 URL을 갖습니다.
URL은 영어 소문자만 입력 가능하며, 최소 2자를 입력해야 합니다.
각 페이지는 '헤더'에 '메뉴'로서 추가하고 드래그&드롭 방식으로 순서를 변경할 수 있습니다.
섹션은 여러 콘텐츠를 하나로 묶는 큰 단위입니다. 미리 세팅된 섹션들을 추가 가능합니다.
'섹션 추가' 버튼을 통해 새로운 섹션을 생성할 수 있습니다.
생성할 섹션 종류를 선택하면 각 섹션 타입별로 섹션 생성 페이지로 이동합니다.
섹션별 생성 가이드는 아래에서 확인 가능합니다.
각 섹션은 드래그&드롭 방식으로 순서를 변경할 수 있습니다.
레이아웃에서 레이아웃이 포함한 칼럼을 수정할 수 있습니다.
각 칼럼 내에 블럭들을 추가할 수 있습니다. 칼럼은 최대 4개까지 설정 할 수 있습니다.
칼럼의 + 버튼을 클릭하여 블럭을 추가할 수 있습니다.
블럭은 여러 종류가 있습니다. 각 블럭을 추가하며 홈페이지를 꾸밀 수 있습니다.
우측 상단 [Preview] 버튼을 클릭하면 설정하신 페이지와 섹션들을 볼 수 있습니다.
미리보기 페이지에서는 상품상세페이지 등 일부 기능들은 제한됩니다.
미리보기 페이지
디자인은 기본적으로 변경사항이 있을 때 자동 저장됩니다. 다만 변경사항을 확실히 저장하기 위해 [SAVE] 버튼을 눌러 저장하실 수 있습니다.
저장이 완료되면 디자인 페이지를 다시 들어올 때 저장한 디자인파일을 수정할 수 있습니다.
[Publish] 버튼을 누르면 현재 디자인 파일이 홈페이지에 반영됩니다.
홈페이지 반영까지 약간의 시간이 걸릴 수 있습니다.
설정하신 웹사이트 주소로 접속하시면 웹사이트를 확인하실 수 있습니다.
끝.