메인 페이지 상품 진열중 추가 상품 목록을 1~9까지 진열하실 수 있는데요.
이 메인 추가상품 진열태그 작업방법에 대해 안내드리겠습니다.
<< 사용방법 >>
추가 상품 > 상품명 (길이 제한)
<!--/add[CODE]_product@name/-->
검색되는 가상태그가 위와 같을때
- 추가상품 1일 경우
<!--/add[CODE]_product@name/--> 를 <!--/add1_product@name/--> 로 입력.
- 추가상품 3일 경우
<!--/add[CODE]_product@name/--> 를 <!--/add3_product@name/--> 로 입력.
<< 작업 TIP >>
메인 추가상품에 대해 가상태그를 모두 작업하시기는 어려울 수 있습니다.
보다 편리하게 작업하시려면 이미 메인화면에 작업된 메인 신규상품 등의 소스를 활용해주시면 됩니다.
예) [중앙디자인 > 메인 > 메인] 에서 아래의 소스로 메인 신규상품 소스가 작업되었을 경우
<!--/if_new_product/-->
<div class="product-wrap">
<div class="item-wrap">
<div class="cateTit">
<h3>NEW ARRIVAL</h3>
<p class="line"></p>
</div>
<div class="item-cont">
<!--/loop_new_product(6)/-->
<dl class="item-list">
<dt class="thumb"><a href="<!--/new_product@link/-->"><img src="<!--/new_product@image_m/-->" /></a></dt>
<dd class="prd-info">
<ul>
<li class="prd-ico"><!--/new_product@icons/--></li>
<li class="prd-name"><a href="<!--/new_product@link/-->"><!--/new_product@name/--></a></li>
<li class="prd-price">
<!--/if_new_product@price_replace/-->
<!--/new_product@price_replace/-->
<!--/else_if_new_product@is_soldout/-->
Sold Out
<!--/else/-->
<!--/if_new_product@price_discount/-->
<strike><!--/number/new_product@price_sell/-->원</strike>
<span class="price"><!--/number/new_product@price_discount/-->원</span>
<!--/else/-->
<!--/if_new_product@price_consumer(+1)/-->
<strike><!--/number/new_product@price_consumer/-->원</strike>
<!--/end_if/-->
<span class="price"><!--/number/new_product@price_sell/-->원</span>
<!--/end_if/-->
<!--/end_if/-->
</li>
<!--/if_new_product@color/-->
<li class="prd-color">
<!--/loop_new_product@color/-->
<font color="<!--/new_product@color@code/-->">■</font>
<!--/end_loop/-->
</li>
<!--/end_if/-->
<!--/if_new_product@link_preview/-->
<li class="prd-preview">
<a href="<!--/new_product@link_preview/-->"><img src="<!--/new_product@preview_icon/-->" alt="미리보기" /></a>
</li>
<!--/end_if/-->
<li class="prd-subname"><!--/new_product@subname/--></li>
</ul>
</dd>
</dl>
<!--/if_step(3)/-->
</div><div class="item-cont">
<!--/end_if/-->
<!--/end_loop/-->
</div>
</div>
</div>
<!--/end_if/-->
윗 소스를 그대로 복사하여 한번더 붙여넣기 해주시고 new 를 모두 다 add1 로 변경해주시면 됩니다.
메인 추가상품1 예제소스)
<!--/if_add1_product/-->
<div class="product-wrap">
<div class="item-wrap">
<div class="cateTit">
<h3>NEW ARRIVAL</h3>
<p class="line"></p>
</div>
<div class="item-cont">
<!--/loop_add1_product(6)/-->
<dl class="item-list">
<dt class="thumb"><a href="<!--/add1_product@link/-->"><img src="<!--/add1_product@image_m/-->" /></a></dt>
<dd class="prd-info">
<ul>
<li class="prd-ico"><!--/add1_product@icons/--></li>
<li class="prd-name"><a href="<!--/add1_product@link/-->"><!--/add1_product@name/--></a></li>
<li class="prd-price">
<!--/if_add1_product@price_replace/-->
<!--/add1_product@price_replace/-->
<!--/else_if_add1_product@is_soldout/-->
Sold Out
<!--/else/-->
<!--/if_add1_product@price_discount/-->
<strike><!--/number/add1_product@price_sell/-->원</strike>
<span class="price"><!--/number/add1_product@price_discount/-->원</span>
<!--/else/-->
<!--/if_add1_product@price_consumer(+1)/-->
<strike><!--/number/add1_product@price_consumer/-->원</strike>
<!--/end_if/-->
<span class="price"><!--/number/add1_product@price_sell/-->원</span>
<!--/end_if/-->
<!--/end_if/-->
</li>
<!--/if_add1_product@color/-->
<li class="prd-color">
<!--/loop_add1_product@color/-->
<font color="<!--/add1_product@color@code/-->">■</font>
<!--/end_loop/-->
</li>
<!--/end_if/-->
<!--/if_add1_product@link_preview/-->
<li class="prd-preview">
<a href="<!--/add1_product@link_preview/-->"><img src="<!--/add1_product@preview_icon/-->" alt="미리보기" /></a>
</li>
<!--/end_if/-->
<li class="prd-subname"><!--/add1_product@subname/--></li>
</ul>
</dd>
</dl>
<!--/if_step(3)/-->
</div><div class="item-cont">
<!--/end_if/-->
<!--/end_loop/-->
</div>
</div>
</div>
<!--/end_if/-->
물론 윗 소스의 경우 <h3>NEW ARRIVAL</h3> 와 같이 신규상품으로 타이틀이 입력되어 있으니
원하시는 명칭으로 변경해주시면 됩니다.