이 상품은 해외배송이 가능한 상품입니다
[ 23 ENGINE ] 메인 이달의 이야기 설정하기 | |
이 공간은 신상품, 추천상품과 같은 메인진열 상품입니다. 화면이 로드된 후 불러오는 기능이며, 쉽게 설정이 가능합니다. |
|
사용후기 | 0 |
수량 |
|
|
|
|
수량 |
---|
할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.
코드를 살펴보면 아래와 같습니다.
<!--카로셀 상품 슬라이더-->
<div lazyhtmltarget="2">
<div class="sp-index-product-carousel-1">
<br /><br />
<ul>
<div class="sp-product" module="product_listmain_9" grid="2" header="normal" hover="leftright">
<!--
$count = 3
-->
<p class="sp-text {$category_title_text|display}"><span><em>{$category_title_text}</em></span></p>
<span class="sp-image {$category_title_img|display}"><span><img src="{$category_title_img}"></span></span>
<div class="sp-product-box sp-slider" data-initialslide="1" data-autoplayspeed="6000" data-slidestoshow="1" data-variablewidth="620" data-infinite="true" data-centermode="true" data-centerpadding="100" data-speed="400" arrows="blk-h-m" arrowsArea="h-in-46" arrowfix="true" dots="circle-m" dotsArea="out-b-c" between="20">
<div class="sp-slider-loop"><!--@import(/_sp/apps/layout/product/product-1/product_list_package_element.html)--></div>
<div class="sp-slider-loop"><!--@import(/_sp/apps/layout/product/product-1/product_list_package_element.html)--></div>
</div>
</div>
</ul>
<br /><br /><br /><br /><br />
</div>
</div>
이중 어려운 부분인 module 부분은 아래 이미지를 참고해주시길 바랍니다 -