상품 진열하기

등록한 상품을 내 사이트에 진열해, 방문자가 보고 구매할 수 있게 만들어요.

• 상품 진열하기 6단계
• 연동 후 메뉴의 변화
• 상품 카테고리 링크 확인하기

1단계: 빈 메뉴 추가하기

1. 디자인 모드에 접속해 주세요. 접속방법
2. 왼쪽 상단 메뉴 관리  ≡ 를 눌러 주세요.
3. 상단 메뉴 오른쪽 끝 ⨁ 아이콘을 눌러 주세요.
4. 메뉴명을 작성하고 확인을 눌러 주세요. 예시) SHOP, STORE 등

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

1. 디자인 모드 왼쪽 상단의 위젯 추가 아이콘을 눌러 주세요.
2. 쇼핑 위젯을 눌러 주세요.

3단계: 위젯 설정 열기

1. 쇼핑 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 눌러 주세요.

2. 메뉴가 나타나면 쇼핑 설정을 눌러 주세요.

   

4단계: 카테고리 연동하기

아래 그림처럼 상품 카테고리를 연결해 주세요. 연결한 카테고리에 포함된 상품은 하위 카테고리까지 모두 표시돼요.

5단계: 쇼핑 위젯 디자인하기

남은 '쇼핑 설정' 항목에서 위젯에 표시할 요소를 고르고 스타일을 바꿔 주세요.

1. 표시옵션: 상품 목록에 표시할 표시요소를 켜고 끌 수 있어요.
2. 진열: 표시할 상품 카테고리를 선택하고, 정렬, 출력수, 페이지 방식을 설정할 수 있어요.
   • 카테고리: 표시할 상품의 카테고리를 선택해 주세요. 위 4단계 설명을 참고할 수 있어요.
   • 정렬: 상품 정렬순을 등록순, 인기순 등으로 변경할 수 있어요.
   • 출력수:  한 번에 출력할 상품 개수를 선택해요.
   • PC 페이지 방식: PC 버전에서 다음 상품을 보기 위해 숫자 대신 더보기 등 페이지 방식으로 변경할 수 있어요.
   • 모바일 페이지 방식: 모바일 버전에서 다음 상품을 보기 위해 숫자 대신 더보기 등 페이지 방식으로 변경할 수 있어요.
3. 디자인
   • 이미지 비율: 상품 이미지 비율을 선택해요. *선택한 비율은 상품 상세페이지 이미지에도 그대로 적용돼요.
   • 1줄 개수: 1줄에 몇 개의 상품을 표시할지 선택해요.
   • 상품 간격: 상품 이미지 간 간격을 조절할 수 있어요.
   • 텍스트 정렬: 상품명 및 상품가격과 같은 정보를 왼쪽, 가운데, 오른쪽 정렬해요.
   • 상품명, 판매가, 회원등급가, 요약설명: 각 옵션 텍스트의 크기 및 색상, 굵게 옵션을 바꿀 수 있어요.

6단계: 미리보기 및 게시하기

1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 눌러 주세요.
2. 연동한 카테고리의 상품이 표시되는지 확인해 주세요.

3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 눌러 적용해 주세요.

   

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

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

위 과정을 마치면 다음 그림처럼 SHOP 메뉴 아래 상품 카테고리가 하위 메뉴처럼 표시돼요.

2. 생성한 상품 카테고리

위 상품 카테고리의 이름, 순서 등은 관리자 페이지의 [쇼핑 > 상품]에서 카테고리 관리를 눌러 바꾸실 수 있어요.

상품 카테고리 링크 확인하기

상품 카테고리 자체에는 고유한 주소가 없어요. 관리자 페이지 [쇼핑 > 상품]에서 카테고리를 만들고 상품을 담아두기만 해서는 사이트에 나타나지 않고, 연결할 수 있는 주소도 만들어지지 않아요.

위 1~6단계처럼 디자인 모드에서 메뉴에 쇼핑 위젯을 추가하고 그 카테고리를 연동해야 사이트에 노출돼요. 이때 만들어진 메뉴의 주소가 곧 해당 카테고리를 보여주는 링크가 돼요.

주소가 필요하시다면 게시한 뒤 사이트에서 그 메뉴를 열고, 브라우저 주소창의 주소를 복사해 사용하시면 돼요.