[ 23 ENGINE ] 메인상품 진열 추가 / 수정하기
메인 페이지에 보여지는 상품 분류 / 카테고리를 관리하고,
디자인을 변경하거나 혹은 설정하는 방법을 상세하게 안내합니다.
-
이 상품은 해외배송이 가능한 상품입니다
[ 23 ENGINE ] 메인상품 진열 추가 / 수정하기메인 페이지에 보여지는 상품 분류 / 카테고리를 관리하고,
디자인을 변경하거나 혹은 설정하는 방법을 상세하게 안내합니다.기본 정보 [ 23 ENGINE ] 메인상품 진열 추가 / 수정하기 메인 페이지에 보여지는 상품 분류 / 카테고리를 관리하고,
디자인을 변경하거나 혹은 설정하는 방법을 상세하게 안내합니다.사용후기 0 수량 
타임세일 
-
상품 수량 수량 
상품 옵션 
-
수량을 선택해주세요.
옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.
최소주문수량 1개 이상 / 최대주문수량 0개 이하입니다.
상품 목록 상품명 상품수 가격 [ 23 ENGINE ] 메인상품 진열 추가 / 수정하기
0 ( )
-
TOTAL PRICE 0 (0개)
할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.
1. 메인상품 진열 구조 이해하기
<!--메인진열-->
<div layout="sp-layout-fixed">
<div class="sp-product" module="product_listmain_1" grid="4" header="normal">
<!--
$count = 4
$basket_result = /product/add_basket.html
$basket_option = /product/basket_option.html
-->
<!--@import(/_sp/apps/layout/product/product-1/product_list_package.html)-->
</div>
</div><!--//여기까지-->
메인페이지에 상품 카테고리를 추가하려면 위 코드를 복사해서 넣으시면 되는데요,
그전에 우선 붉은 색 부분을 확인하셔야 합니다.
붉은 색 부분을 하나씩 설명하자면
module="product_listmain_1" // 메인상품 카테고리의 모듈 번호입니다.
grid="4" // 상품이 가로로 놓여지는 수를 의미합니다. 2 ~ 5개까지 지원하고 있습니다.
header="normal" // 메인상품 카테고리의 제목의 디자인 종류 입니다. normal , lefttext , doublebox 세가지를 지원합니다. ( 추가예정 )
$count = 4 // 상품이 총 보여지는 수를 의미합니다. 메인상품 카테고리는 반드시 1개만 사용해야 합니다. ( 신상품을 두번 나열해서는 안된다는 의미입니다,
이정도면 간략한 수정은 가능하실텐데요, 예를 들어 가로로 3개씩 놓고 2줄 보여주고 싶다면
grid="3"
$count = 6
이렇게 되겠네요 ^^
2. 특이한 방식으로 진열하기
만약 아래와 같은 방식으로 진열하고 싶다면, point 라는 attribute를 사용하세요.
아래는 사용된 코드 입니다.
<div class="sp-product" module="product_listmain_4" grid="4" header="doublebox" point="1:3,2:3,3:3">
point="1:3,2:3,3:3"
1번째 상품을 3개씩 나열하는 크기로 진열하고,
2번째 상품을 3개씩 나열하는 크기로 진열하고,
3번째 상품을 3개씩 나열하는 크기로 진열하라는 의미입니다.
만약 "1:5,2:5,3:5,4:5,5:5" 라면
1번째 상품을 5개씩 나열하는 크기로 진열하겠습니다.
3. 상품명, 간략 요약 설명 등 정보 출력 / 아이콘 설정하기
상품목록의 정보들은 아래의 페이지에서 수정이 가능합니다.
아이콘에 나오는 설정들은 아래의 페이지에서 설정이 가능합니다.
이중 확대는 판다씨에서 제작한 모듈이므로 수동으로 지워주셔야 하는데요,
/_sp/css/customize.css 파일을 여시고, 아래의 코드를 한줄 추가해주세요.
.sp-product-layer-func.sp-detailzoom { display:none; }
