상품목록의 신상품, 혹은 추천상품은 해당 카테고리의 하위 상품을 구분지어 보여주는 역할을 합니다.

보통은 한개만 사용하시지만, 특별한 경우 둘다 사용할 수 있으므로 두가지 함께 설명합니다.

1. 상품 목록에서 분류관리에 접속합니다.

2. 추천상품을 쓸건지, 신상품을 쓸건지 결정합니다.

이 부분은 중요하진 않지만, 관리에 있어서 용이합니다.

보통은 추천상품 하나만 사용을 하구요, 신상품은 특별한 경우에만 사용합니다.

아래는 둘다 사용했을때와 하나만 사용했을때의 모습입니다.

-- 하나만 사용하는 경우 --

위 이미지를 토대로 원하는 상품을 진열하시길 바랍니다.

3. 탭 디자인을 사용하지 않고, 일반 진열로 변경할 경우

이 경우는 아래 코드를 사용하시길 바랍니다.

<!--신상품-->

<!--@css(/_sp/apps/layout/product/product-1/product.css)-->

<!--@js(/_sp/apps/layout/product/product-1/product.js)-->

<div layout="sp-layout-fixed">

<div class="sp-product" module="product_listnew" grid="4" control="false" compare="true">

<!--

$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 class="sp-no-result-found" module="product_normalmenu">

<p>검색 결과가 없습니다.</p>

</div><!--//종료-->

</div><!--//여기까지-->

<!--추천상품-->

<!--@css(/_sp/apps/layout/product/product-1/product.css)-->

<!--@js(/_sp/apps/layout/product/product-1/product.js)-->

<div layout="sp-layout-fixed">

<div class="sp-product" module="product_listrecommend" grid="4" control="false" compare="true">

<!--

$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 class="sp-no-result-found" module="product_normalmenu">

<p>검색 결과가 없습니다.</p>

</div><!--//종료-->

</div><!--//여기까지-->

이 경우 메인상품 진열관리와 디자인하는 방법이 같으니, 

아래 링크로 이동하셔서 메인상품 진열 디자인 수정하듯 하시길 바랍니다.

[ 23 ENGINE ] 메인상품 진열 추가 / 수정하기