• 가이드

"전체" 상품 카테고리 추가 및 메뉴 리스트 삽입하기

이 도움말에서는 기본 상품 카테고리에, 전체 상품을 표시하는 "전체" 카테고리를 추가하고, 아래 그림과 같이 페이지에 메뉴 리스트를 삽입하는 방법을 설명합니다.

메뉴 리스트를 삽입하면 방문자가 다른 카테고리의 상품을 볼 때마다 상단 메뉴에 마우스 포인터를 이동할 필요 없이 편리하게 페이지를 이동할 수 있습니다.

제작방법

1단계, 상품 카테고리 구성하기

카테고리 관리에서 상품 카테고리 추가하고 구성합니다. 이미 상품 카테고리 구성을 마쳤다면 이 단계는 건너 뛰어도 무방합니다. 상품 카테고리 구성방법

이 도움말에서는 다음 그림의 상품 카테고리 구성을 기준으로 설명합니다.

2단계, 쇼핑 메뉴 구성하기

디자인 모드에 진입 후 위 1단계에서 구성한 상품 카테고리와 똑같이 사이트의 메뉴를 생성하고 구성합니다.

  1. 디자인 모드에 접속합니다. 접속방법
  2. 위 1단계에서 구성한 상품 카테고리 이름들로 아래와 같이 메뉴를 만들어줍니다. 메뉴 추가방법

  3. 이어서 "전체" 메뉴를 추가 생성하고, SHOP 메뉴의 바로 아래로 이동시켜줍니다. 메뉴 이동방법

  4. 추가한 메뉴들을 그룹으로 만들어줍니다. 그룹 메뉴 구성방법

3단계, SHOP 클릭 시 하위 메뉴로 이동하도록 옵션 추가하기

SHOP 메뉴를 클릭하면 "전체" 메뉴로 이동하도록 접근시 첫 번째 하위 메뉴로 이동 옵션을 추가합니다.

  1. 왼쪽 상단  를 클릭합니다.
  2. SHOP 메뉴 오른쪽 끝 를 클릭합니다.
  3. 메뉴 설정 창이 나타나면 옵션 항목에서 접근시 첫 번째 하위 메뉴로 이동 옵션을 선택합니다.

  4.  아이콘을 클릭해 메뉴 설정 창을 닫습니다.
4단계, "전체" 메뉴에 상품 추가하기

"전체" 메뉴에 쇼핑 위젯을 추가하고, 쇼핑 위젯과 상품 카테고리를 연동합니다.

  1. 왼쪽 상단  를 클릭합니다.
  2. 전체 메뉴를 클릭해 해당 메뉴로 이동합니다.
  3. 왼쪽 상단 를 클릭하고, 쇼핑 위젯을 추가합니다.
  4. 쇼핑 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 진열 항목의 카테고리 옵션에서, SHOP을 선택합니다.

5단계, 메뉴명 수정 및 풀다운 메뉴 끄기

쇼핑 위젯에 상품 카테고리를 연동하면, 메뉴명은 연동한 카테고리명으로 자동 변경됩니다. 이에 따라 사용자는 변경된 메뉴명을 다시 수정해줘야 합니다. 이후 SHOP 아래 서브 메뉴가 표시되지 않도록 풀다운 메뉴 끄기 옵션을 적용합니다.

  1. 왼쪽 상단  를 클릭합니다.
  2. SHOP 오른쪽 끝 를 클릭해 메뉴 설정 창을 켭니다.

  3. 메뉴명을 "전체"로 수정합니다.

  4. 메뉴 설정 창 하단 옵션 항목에서 풀다운 메뉴 사용안함을 선택합니다.

6단계, 메뉴 리스트 추가하기

페이지에 메뉴 리스트를 삽입합니다.

  1. 왼쪽 상단 를 클릭하고, 메뉴 리스트 위젯을 추가합니다.
  2. 메뉴 리스트 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  3. 메뉴/카테고리 설정을 클릭합니다.
  4. 기준 위치 항목에서 SHOP 카테고리를 선택합니다.

  5. (선택 사항) 메뉴 리스트 스타일을 변경하거나, 글자 크기, 색상, 간격 등을 변경해 메뉴 리스트 위젯을 꾸며줍니다.

7단계, 미리보기 및 게시하기
  1. 디자인 모드 오른쪽 상단  를 클릭합니다.
  2. 전체상품 및 모든 카테고리의 상품들이 의도한대로 표시되는지 확인합니다.
  3. 문제가 없다면 디자인 모드 오른쪽 상단 게시하기 버튼을 클릭해 적용합니다.
목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.