하위 메뉴로 상품 페이지 구성하기
Last updated
Last updated
하위 메뉴를 활용해 쇼핑몰의 상품 페이지를 대분류, 중분류 등과 같이 조금 더 단계적으로 구성할 수 있습니다.
안내서를 시작하기에 앞서, 상품 등록 및 카테고리 지정을 완료한 상태로 진행해주세요.
카테고리와 하위 메뉴를 활용하여 2단계로 분류할 수 있어요.
※ 1단계 분류 페이지의 종류
- 1단계 분류 메뉴 이름을 클릭해도 반응 없이 하위 메뉴를 묶는 용도로 사용 -> 폴더 페이지로 제작 - 1단계 분류 메뉴 이름을 클릭하면 해당하는 상품 전체가 보이도록 사용 -> 페이지로 제작
사용 중인 상품 페이지가 있으면 복제를 (상품 목록 섹션이 포함된 페이지), 없다면 상품 페이지를 디자인하고 사용할 만큼 복제해주세요. 예시로, 상의라는 1단계 분류 페이지에 하위 메뉴로 셔츠, 니트, 블라우스를 만들어보겠습니다.
메뉴를 모두 만들고 종이 모양 아이콘을 드래그 & 드랍하여 상의 메뉴 페이지에 원하는, (셔츠, 니트, 블라우스) 메뉴 페이지를 하위 메뉴로 이동해주세요.
각 페이지에 있는 상품 목록 섹션마다 개별 편집을 통해, 하위 메뉴 페이지 이름과 적합한 상품 카테고리만 보이도록 설정합니다.
※ 참고 상품을 2단계로 분류한 경우, 상품 필터(카테고리)가 불필요하므로 개별 편집 창에서 필터가 보이지 않도록 설정해주세요.
이번에는 아래 이미지와 같이 카테고리와 하위 메뉴를 활용하여 상품을 3단계로 분류해보는 페이지를 만들어볼까요?
이번에는 단계가 너무 빨라 경황이 없다구요? 메뉴 페이지 준비하는 방법은, 위에서 말씀드린 step 1~3까지 동일해요.
여기에서는 스킨케어, 페이스, 바디 페이지를 만들어주세요. 그리고 상품 목록 섹션마다 개별 편집 창에서 적합한 필터를 다중 선택해주세요.
눈치채셨는지 모르겠지만, 상품 페이지에 포함시킬 명칭이 달라졌고, 달라진 명칭에 적용시킬 상품 카테고리의 선택 개수 차이가 포인트에요 🙂