메뉴 사용하기

메뉴를 구성하는 구성원 하나의 단위를 페이지라고 합니다.

1. 페이지

페이지 설정 메뉴에서는 제작 중인 쇼핑몰의 전체 페이지를 관리합니다. 페이지들은 머리글이나 바닥글 네비게이션 바에 들어갈 메뉴 부분에 노출됩니다. 이제 페이지 설정 사용법을 알려드리겠습니다.

2-1. 메뉴와 설정 페이지 버튼 클릭 시 나타나는 '메뉴와 스타일 편집'에서 메뉴와 페이지를 추가, 설정할 수 있습니다.

2-2. 페이지 추가하기

페이지는 머리글과 바닥글에 각각 추가할 수 있으며, 빈 페이지, 현재 사용 중인 템플릿의 샘플 디자인 페이지, 폴더, 외부 링크, 원페이지를 추가할 수 있습니다.

2-3. 페이지 이름, 주소, 접근 권한, 숨기기 설정하기

각 페이지 이름 위에 마우스를 올려보면 오른쪽에 톱니 모양 설정 아이콘이 보입니다. 클릭하면 페이지에 대해 설정을 할 수 있습니다. 페이지의 이름, 주소, 접근 권한, 숨기기 설정이 가능합니다. 설정을 변경했을 경우, 저장하기 버튼을 꼭 클릭해야만 변경한 내용이 저장됩니다. 


주소에 대한 이야기를 더 자세히 알려드리고자 합니다. 주소는 해당 페이지에 접속할 때 url 제일 마지막에 붙는 간단한 단어입니다. 주소는 띄어쓰기나 특수문자 없이 영어로만 입력을 해주셔야 합니다. 

예를 들어 shop이라는 주소를 저장한다면 브라우저의 url에는 다음과 같이 반영됩니다. 


 http://도메인주소/shop 

 도메인을 등록하지 않았을 경우 - http://www.sixshop.com/아이디/shop

2-4. 페이지 순서 변경하기

드래그 앤 드랍 방식으로 손쉽게 순서를 변경할 수 있습니다.

페이지 이름 왼쪽의 아이콘 부분을 잡고 상하로 이동하면 순서가 변경됩니다. 가장 첫 순서에 놓이면 메인 페이지가 됩니다.

2. 메뉴

2-1. 여러 페이지가 모여 홈페이지의 머리글과 바닥글에 메뉴를 구성합니다.

위 예시 이미지는 머리글 메뉴와 바닥글 메뉴의 실제 적용 모습입니다. 2-3번 단계에서 확인했던 '메뉴에서 숨기기'설정이 적용되면 페이지 이름에 빗금이 표시되며 머리글이나 바닥글 메뉴에는 노출되지 않지만 어딘가에 이 페이지의 주소가 링크되어 있다면 누구나 확인할 수 있습니다.  

2-2. 하위 메뉴 만들기

드래그 앤 드랍 방식으로 손쉽게 하위 메뉴를 만들 수 있습니다.

메뉴 이름 왼쪽의 아이콘 부분을 잡고 오른쪽으로 하면 해당 메뉴 위에 있는 메뉴의 하위 메뉴가 됩니다. 반대로 다시 왼쪽으로 이동하면 하위 메뉴에서 독립합니다.  

2-3. 폴더 메뉴를 활용하여 하위 메뉴 만들기

기본적으로 페이지 메뉴에 하위 메뉴를 생성하지만, 페이지 기능이 없는 폴더 메뉴를 사용할 수도 있습니다. 폴더 메뉴는 머리글에서 이름만 보이고 페이지가 없는 형태이기 때문에 클릭해도 변화가 없습니다. 하위 메뉴만 사용하고자 할 때 유용하게 사용할 수 있습니다.  

2-4. 링크 메뉴 만들기

원하는 메뉴 이름을 입력하고 링크 주소를 입력하면 외부 링크를 메뉴에 노출할 수 있습니다.

2-5. 원페이지 메뉴 만들기

원페이지는 웹 사이트가 하나의 페이지 안에서 구성됩니다. 식스샵에서 사용하는 원페이지 메뉴는 여러 개의 페이지를 차례대로 한 페이지에 블럭처럼 쌓는 방법으로 제작됩니다. 원페이지 메뉴 사용 방법은 아래 '관련된 안내서 보기'에서 별도로 확인할 수 있습니다.