상품

상품의 블록 종류와 설정 방법을 알아봅니다.

상품블록이란?

사이트에 등록이 된 상품을 진열하는 목적으로 사용이 되고 있습니다. 목록 형태 슬라이드 형태로 상품을 진열하고, 구매자에게 노출하여 이후의 구매 과정을 진행하게 됩니다.

빠른 설정을 통해 상품이 보여질 진열 갯수를 설정한 후 섹션에 블록을 등록 할 수 있습니다.

블록 설정 방법

1. 사용하려는 블록을 추가합니다.

2. 퀵 메뉴의 상세설정을 클릭합니다.

3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.

1. 상품 목록

[관리자페이지 > 상품] 페이지를 통해 등록해둔 상품을 진열합니다. 생성한 카테고리 기준으로 원하는 카테고리 속 상품들을 노출 할 수 있습니다.

상품 목록 블록_설정 항목

기본 설정

목록을 통해 진열할 카테고리 선택 및 진열 방법에 대한 설정을 합니다.

설정 항목

카테고리 선택 [관리자페이지 > 상품] 페이지를 통해 생성한 카테고리를 선택합니다. 선택한 카테고리 속 상품들이 모두 진열이 됩니다.

상품 진열 방식 가로 간격 : 상품의 가로 간격을 설정합니다. 세로 간격 : 상품의 세로 간격을 설정합니다. 열 개수 : 하나의 열에 진열 될 상품 개수를 설정합니다. 행 개수 : 하나의 행에 진열 될 상품 개수를 설정합니다. 정렬 기준 : 등록순, 가격순 등 상품이 정렬이 될 기준을 선택합니다. 간격과 개수는 pc와 모바일 개별 설정이 가능합니다.

상품 정보 여백 : 상품 정보 바깥 여백을 설정합니다. pc와 모바일 개별 설정이 가능 상품 정보 정렬 : 이름, 가격 등 상품 정보의 가로 정렬을 설정합니다. 품절 상품 : 품절 상품의 표시 여부를 선택합니다.

구성 설정

목록을 통해 노출할 정보를 선택합니다.

설정 항목

상품명 : 상품의 이름을 노출합니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

가격 및 할인율 : 상품의 가격 및 할인율을 노출합니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능 판매가/정가/할인율 개별 설정 가능

배송비 : 상품의 배송비를 노출합니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

평점/리뷰 : 상품의 평점과 리뷰 개수를 노출합니다. 텍스트 / 아이콘 중 표시 방식 선택 가능 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

장바구니 : 장바구니 아이콘을 노출합니다. 상품 정보 또는 이미지 안으로 노출 위치 설정 가능 상세 설정을 통해 아이콘, 배경 색상 설정 가능

상품 정렬 : 오른쪽 위에 고정이 되어있으며, 클릭 시 정렬 기준에 따라 상품이 진열이 됩니다. 상세설정을 통해 노출할 항목 설정 가능 상세설정을 통해 서체 및 색상 설정 가능

상품 이미지 : 상품의 대표 이미지를 노출합니다. 필수 표시 항목으로 수정 불가 상세 설정을 통해 표시 비율 및 이미지 여백 설정 가능

페이지 번호 : 아래 중앙 노출 갯수 이상의 상품이 진열이 되었을 경우 페이지 번호가 생성이 됩니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

2. 상품 슬라이드

특정 카테고리를 선택하여 해당 상품들을 슬라이드 시킬 수 있습니다.

상품 슬라이드 블록_설정 항목

기본 설정

목록을 통해 진열할 카테고리 선택 및 진열 방법에 대한 설정을 합니다.

설정 항목

카테고리 선택 [관리자페이지 > 상품] 페이지를 통해 생성한 카테고리를 선택합니다. 선택한 카테고리 속 상품들이 모두 진열이 됩니다.

상품 진열 방식 간격 : 상품의 간격을 설정합니다. 열 개수 : 하나의 열에 진열 될 상품 개수를 설정합니다. 정렬 기준 : 등록순, 가격순 등 상품이 정렬이 될 기준을 선택합니다. 간격과 개수는 pc와 모바일 개별 설정이 가능합니다.

상품 정보 여백 : 상품 정보 바깥 여백을 설정합니다. pc와 모바일 개별 설정이 가능 상품 정보 정렬 : 이름, 가격등 상품 정보의 가로 정렬을 설정합니다. 품절상품 : 품절 상품의 표시 여부를 선택합니다.

구성 설정

목록을 통해 노출할 정보를 선택합니다.

설정 항목

상품명 : 상품의 이름을 노출합니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

가격 및 할인율 : 상품의 가격 및 할인율을 노출합니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능 판매가/정가/할인율 개별 설정 가능

배송비 : 상품의 배송비를 노출합니다. 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

평점/리뷰 : 상품의 평점과 리뷰 개수를 노출합니다. 텍스트 / 아이콘 중 표시 방식 선택 가능 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

장바구니 : 장바구니 아이콘을 노출합니다. 상품 정보 또는 이미지 안으로 노출 위치 설정 가능 상세 설정을 통해 아이콘, 배경 색상 설정 가능

상품 정렬 : 오른쪽 위에 고정이 되어있으며, 클릭 시 정렬 기준에 따라 상품이 진열이 됩니다. 상세설정을 통해 노출할 항목 설정 가능 상세설정을 통해 서체 및 색상 설정 가능

상품 이미지 : 상품의 대표 이미지를 노출합니다. 필수 표시 항목으로 수정 불가 상세 설정을 통해 표시 비율 및 이미지 여백 설정 가능

좌우 화살표 : 슬라이드 좌우에 화살표를 노출합니다. 상세설정을 통해 아이콘, 배경 색상 설정 가능