상품 카테고리를 메뉴로 구성하기_혜조(완)
상품 카테고리별 페이지를 메뉴와 하위 메뉴로 만들어 노출해 보세요.
Last updated
상품 카테고리별 페이지를 메뉴와 하위 메뉴로 만들어 노출해 보세요.
Last updated
상품 카테고리를 메뉴로 구성하기
하위 메뉴를 활용해 보기
필터 기능을 활용해 보기
퀵-가이드를 참고하여 [상품 등록하기 > 카테고리 등록하기 > 카테고리 설정하기]까지 완료하신 후 다음 단계를 진행해 주세요.
[디자인 편집 > 좌측 하단 메뉴(≡) > 머리글 메뉴 우측 (+) > 메뉴 설정: 페이지 > BLANK 영역] 선택해 주세요. Step2. 페이지의 이름을 카테고리 이름과 동일하게 입력하기
페이지의 이름은 상점의 메뉴로 노출하고 싶은 상품 카테고리 이름과 동일하게 입력해 주세요. 상품 카테고리 이름은 [식스샵 > 상품 > 카테고리 관리]에서 확인할 수 있어요. 만약 상점의 메뉴로 노출하고 싶은 카테고리가 '비누', '샴푸바', '치약'이라면 3개의 페이지를 만드시고 페이지의 이름은 각각 '비누', '샴푸바', '치약'으로 저장해 주세요.
Step3. 빈 페이지에 상품 노출하기
[디자인 편집 > 좌측 하단 메뉴(≡)]에서 상품을 노출할 페이지를 더블 클릭하여 이동해 주세요.
좌측 하단의 [섹션 추가하기 > 상품 목록 섹션] 버튼을 클릭하여 상품 목록 섹션을 만들어 주세요.
만들어진 상품 목록 섹션의 표시 영역을 더블 클릭해 주세요.
노출할 카테고리 왼쪽 체크 박스를 선택하면 해당 카테고리와 연결된 상품이 노출됩니다. 만약 비누 페이지를 편집 중이라면 비누 카테고리만 선택해 주세요.
Step5. 발행하기
디자인 편집 에디터에서 우측 하단의 [발행하기] 버튼을 클릭하면 위와 같이 사이트에 반영됩니다.
카테고리를 메뉴로 구성하셨다면, 이를 하위 메뉴로도 구성해 보실 수도 있습니다.
Step1. 하위 메뉴를 하나로 묶어줄 폴더 만들기
디자인 편집 에디터에서 위 이미지의 순서에 따라 하위 메뉴를 묶어줄 '폴더'를 생성합니다. 만약 '비누', '샴푸바', '치약' 페이지를 하위 메뉴로 구성하신다면, 하위 메뉴를 묶어줄 폴더의 이름은 '세안 용품' 등으로 입력해 주세요.
폴더는 단순히 페이지를 묶어주는 역할만 하므로 상점에서 클릭 시 반응이 없습니다. 선호에 따라 하위 메뉴를 묶어줄 상위 메뉴를 '폴더'가 아닌 '페이지'로 만드셔도 무방합니다.
Step2. 드래그하여 하위 메뉴로 만들기
상위 메뉴로 이용하실 폴더를 만드셨다면 드래그 방식으로 하위 메뉴를 배치해 주세요.
Step3. 발행하기
디자인 편집 에디터에서 우측 하단의 [발행하기] 버튼을 클릭하시면 위와 같이 메뉴에 마우스를 올릴 때 하위 메뉴가 노출됩니다.
하나의 상품 목록 섹션에 여러 개의 상품 카테고리를 설정하는 경우, 필터 기능을 일종의 메뉴처럼 활용해 보실 수 있습니다.
단, 한 페이지에 상품 목록 섹션의 개수가 2개 이상이면 필터 기능을 이용하실 수 없기에 상품 목록 섹션이 여러 개라면 한 개만 남기고 모두 삭제해 주세요.
Step1. 상품 목록 섹션 개별 편집 클릭하기
상품 목록 섹션 영역을 클릭하고 노출되는 우측 상단의 연필 모양 아이콘 클릭해 주세요.
Step2. 필터 보이기 설정하기
[디자인] 버튼 클릭하시고 필터 보이기를 설정해 주세요.
All 필터를 노출하고 싶다면 전체 필터 보이기를 설정해 주시고, All 필터를 노출하지 않으시려면 전체 필터 보이기를 해제해 주세요.
Step3. 필터 위치 조정하기
[디자인 편집 > 메뉴(좌측 하단≡) > 스타일 편집 > 상품 목록 섹션]에서 필터가 노출되는 위치를 선택하실 수 있습니다. '위'를 선택하면 상품 목록 섹션 상단에 가로로 노출되며, '왼쪽' 또는 '오른쪽'을 선택하면 상품 목록 섹션 기준 왼쪽 또는 오른쪽에 세로로 노출됩니다.
