mobile background


솔루션 가이드 & 꿀팁

사이트에 상품 진열하기

HK앱솔루션
조회수 1501

사이트에 상품 진열하기

개요

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


1단계, 빈 메뉴 추가하기

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



2단계, 위젯 목록 열기

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



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

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



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

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

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



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

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

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

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

3) 디자인

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




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

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

앱솔루션은 당신과 함께할 준비가 되었습니다.
반응형웹 제작 ! 어렵지 않습니다. 

앱솔루션이 고객님의 든든한 파트너가 되어드리겠습니다.



최고의 파트너


앱솔루션과 파트너쉽을 맺은 고객사에

끊임없는 유지보수와 서버관리, 개발을 

하여 처음부터 끝까지

정성을 다하여 함께합니다.

솔루션 제공서비스


코딩을 몰라도, 포토샵을 몰라도!

클릭과 드래그만으로 

손쉽게 디자인을 

수정할수 있습니다.

실시간알림 서비스 앱


새로운 소식 및 정보가 있을때 

스마트폰으로 알림이 즉시 발송됩니다.

실시간으로 쌍방향소통이 가능하여 

스마트한 관리가 가능합니다.

자동업그레이드


앱솔루션의 솔루션은 지속적인 연구개발로

시스템의 오류를 처리하고, 앱환경에

최적화하기 위해 자동 업그레이드를 

지원합니다.

공식제휴사
Buisiness results