하위 메뉴로 상품 페이지 구성하기

하위 메뉴를 활용해 쇼핑몰의 상품 페이지를 대분류, 중분류 등과 같이 조금 더 단계적으로 구성할 수 있습니다.

안내서를 시작하기에 앞서, 상품 등록 및 카테고리 지정을 완료한 상태로 진행해주세요.

👉 상점에 상품 노출하기 안내서 바로가기

유형 1. 상품을 2단계로 구성한 메뉴와 페이지 만들기

카테고리와 하위 메뉴를 활용하여 2단계로 분류할 수 있어요.

1단계 분류 페이지의 종류

- 1단계 분류 메뉴 이름을 클릭해도 반응 없이 하위 메뉴를 묶는 용도로 사용 -> 폴더 페이지로 제작 - 1단계 분류 메뉴 이름을 클릭하면 해당하는 상품 전체보이도록 사용 -> 페이지로 제작

Step 1. 상품 목록 섹션이 포함된 페이지 복제하기

사용 중인 상품 페이지가 있으면 복제를 (상품 목록 섹션이 포함된 페이지), 없다면 상품 페이지를 디자인하고 사용할 만큼 복제해주세요. 예시로, 상의라는 1단계 분류 페이지하위 메뉴로 셔츠, 니트, 블라우스를 만들어보겠습니다.

총 4개의 페이지가 필요합니다.

Step 2. 하위 메뉴 페이지로 이동시키기

메뉴를 모두 만들고 종이 모양 아이콘을 드래그 & 드랍하여 상의 메뉴 페이지에 원하는, (셔츠, 니트, 블라우스) 메뉴 페이지를 하위 메뉴로 이동해주세요.

Step 3. 하위 메뉴 페이지, 상품 편집하면 끝~!

각 페이지에 있는 상품 목록 섹션마다 개별 편집을 통해, 하위 메뉴 페이지 이름과 적합한 상품 카테고리만 보이도록 설정합니다.

※ 참고 상품을 2단계로 분류한 경우, 상품 필터(카테고리)가 불필요하므로 개별 편집 창에서 필터가 보이지 않도록 설정해주세요.

상품 카테고리를 한 개만 선택했기 때문에 필터가 보일 필요가 없습니다.

유형 2. 상품을 3단계로 분류한 페이지 구성하기

이번에는 아래 이미지와 같이 카테고리와 하위 메뉴를 활용하여 상품을 3단계로 분류해보는 페이지를 만들어볼까요?

상품 목록 섹션 필터를 활용해서 페이지 내에서 한 단계 더 분류합니다.

Step 1. 메뉴 페이지를 복제하고, 상품 목록 섹션에서 다중 카테고리 선택하기

이번에는 단계가 너무 빨라 경황이 없다구요? 메뉴 페이지 준비하는 방법은, 위에서 말씀드린 step 1~3까지 동일해요.

여기에서는 스킨케어, 페이스, 바디 페이지를 만들어주세요. 그리고 상품 목록 섹션마다 개별 편집 창에서 적합한 필터를 다중 선택해주세요.

Step 2. 상품 필터 설정하면 끝~!

눈치채셨는지 모르겠지만, 상품 페이지에 포함시킬 명칭이 달라졌고, 달라진 명칭에 적용시킬 상품 카테고리의 선택 개수 차이가 포인트에요 🙂

상품 카테고리와 필터에 대해 어려움이 느껴지면, 아래 안내서를 참고해보세요!

👉 상품 카테고리와 필터 안내서 바로가기