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