• 가이드

사이트에 상품 진열하기

개요

아임웹은 관리자 페이지에 상품을 등록하면, 디자인 모드에 쇼핑 위젯을 추가해, 등록한 상품들을 불러오는 시스템입니다. 상품 등록을 마쳤으니, 이제 상품들을 방문자들이 볼 수 있도록 페이지에 진열할 차례입니다.


1단계, 빈 메뉴 추가하기

디자인 모드 좌측 상단에 있는 세 줄 아이콘을 클릭해 [메뉴 관리] 패널을 켜주세요. 다음으로 패널 상단에 위치한 + 아이콘을 클릭해 빈 메뉴를 추가합니다.



2단계, 위젯 목록 열기

빈 섹션 중앙에 위치한 + 아이콘을 클릭해 위젯 목록을 엽니다.



3단계, 쇼핑 위젯 선택하기

위젯 목록이 나타나면 [쇼핑] 위젯을 선택합니다.



4단계, 쇼핑 위젯 설정하기

쇼핑 위젯을 추가하시면 아래 그림처럼 상품관리에서 추가한 상품들이 표시됩니다. 우리는 쇼핑 위젯 설정을 열어, 이 목록을 변경할 수 있습니다.

쇼핑 위젯에 마우스 커서를 놓고, 우 클릭 하면 나타나는 보조 메뉴에서 [쇼핑 카테고리 설정]을 클릭해주세요. :)



5단계, 쇼핑 위젯 설정하기

쇼핑 설정을 켜면 아래처럼 설정 창이 나타납니다. 설정 항목은 크게 스타일과 표시옵션, 진열, 디자인으로 나눠지며 이 중 주요 옵션은 다음과 같습니다.

1) 표시옵션
상품 목록에서 표시할 정보를 켜고 끌 수 있습니다.

2) 진열
어떤 카테고리를 선택하시느냐에 따라 상품 목록이 다르게 나타납니다. *카테고리를 선택하시는 순간, 상단메뉴의 쇼핑 메뉴명이 카테고리에서 지정했던 이름으로 바뀌는 걸 확인하실 수 있습니다.

3) 디자인

  • 상품사진 비율을 정할 수 있으며, 선택하신 비율은 상품 상세페이지 썸네일에도 똑같이 적용됩니다.
  • 1줄 개수 옵션을 바꾸어 한 줄에 몇 개의 상품을 표시할지 정할 수 있습니다.
  • 상품평과 판매가, 요약설명의 텍스트 크기 및 색상 변경도 가능합니다.




6단계, 게시하고 확인하기

자, 이제 게시하기를 누르고, 상품 목록이 어떻게 나타나는지 확인해보세요. 처음에는 의도하셨던 디자인과 다를 수 있습니다. 옵션을 조절하며, 조금씩 바꿔보세요. :)


목록으로

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

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

리셀러/디자이너 신청

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

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

68.4K

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

157

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

367

전국 파트너/리셀러 수

아임웹 공식제휴사

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