목표

등록 상품들을 내 사이트에서 방문자가 보고 구매할 수 있도록 진열합니다.

상품 진열방법

1단계, 빈 메뉴 추가하기

1. 디자인 모드에 접속합니다.
2. 왼쪽 상단 메뉴 관리를 클릭합니다.
3. 상단 메뉴 오른쪽 ⨁ 아이콘을 클릭합니다.
4. 메뉴명을 입력하고 확인을 클릭합니다. 예시) SHOP, STORE 등

2단계, 쇼핑 위젯 추가하기

1. 디자인 모드 왼쪽 상단 + 아이콘을 클릭합니다.

2. 쇼핑 위젯을 클릭합니다.

   

3단계, 위젯 설정 열기

1. 쇼핑 위젯에 마우스 커서를 놓습니다.
2. 마우스 오른쪽 버튼을 클릭합니다.

3. 보조 메뉴가 나타나면 쇼핑 카테고리 설정을 클릭합니다.

   

4단계, 카테고리 설정 및 디자인

쇼핑 위젯과 연동할 상품 카테고리를 연결하고, 디자인 합니다.

1. 표시옵션 : 상품 목록에 표시할 표시요소를 켜고 끌 수 있습니다.
2. 진열 : 쇼핑 위젯과 연동할 상품 카테고리를 선택합니다.
3. 디자인 :
   • 이미지 비율 : 상품 이미지 비율을 선택합니다. *선택한 비율은 상품 상세페이지 이미지에도 적용됩니다.
   • 1줄 개수 : 1줄에 몇 개의 상품을 표시할지 선택합니다.
   • 상품 간격 : 상품 이미지 간 간격을 조절할 수 있습니다.
   • 텍스트 정렬 : 상품명 및 상품가격과 같은 정보를 왼쪽, 가운데, 오른쪽 정렬시킵니다.
   • 상품명, 판매가, 요약설명 : 해당 텍스트의 크기 및 색상, 굵게 옵션을 변경합니다.

5단계, 미리보기 및 게시하기

1) 디자인 모드 오른쪽 상단 미리보기를 클릭해 상품 목록이 의도한대로 표시 되는지 확인합니다.
2) 의도한대로 표시 되었다면 게시하기를 클릭해 웹에 발행합니다.

쇼핑 위젯, 상품 카테고리 연동 후 메뉴의 변화

쇼핑 위젯을 추가하고 상품 카테고리 연결을 마쳤다면 다음 그림처럼 SHOP 메뉴 아래 상품 카테고리가 하위 메뉴처럼 자동 표시됩니다.

1. 웹사이트에 표시된 SHOP 메뉴와 상품 카테고리(하위 메뉴)

2. 생성한 상품 카테고리

아래 카테고리 관리는 관리자 메뉴 [쇼핑 - 상품관리] 페이지에서 켤 수 있습니다.