상품 상품목록 메뉴 패키지
<div module="Product_menupackage">
<!--@css(/css/module/product/menuPackage.css)-->
<div id="titleArea" module="product_headcategory">
<h2>{$title_text}</h2>
<span module="Layout_MobileAction">
<a href="#none" onclick="{$go_back}"><img src="http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_back.gif" width="33" alt="뒤로가기"></a>
</span>
</div>
<ul class="menuCategory">
<!-- 참고 : 뉴상품관리 전용 모듈입니다. 뉴상품관리 이외의 곳에서 사용하면 정상동작하지 않습니다. -->
<li module="product_displaycategory" style="display:{$display};">
<a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="count {$product_count_display|display}">({$product_count})</span></a>
<ul module="product_children">
<li>
<a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a>
<div class="button">
{$children_icon}
<ul module="product_children" class="subCategory">
<li><a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
<li><a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
</ul>
</div>
</li>
<li>
<a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a>
<div class="button">
{$children_icon}
<ul module="product_children" class="subCategory">
<li><a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
<li><a href="/product/list.html?{$param_cate_no}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
</ul>
</div>
</li>
</ul>
</li><!-- //참고 -->
</ul>
</div>상품 추천상품 리스트 모듈입니다.
<div module="product_listrecommend">
<!--@css(/css/module/product/listrecommend_swipe.css)-->
<!--
$count = 8
$line = 1
$grid = 2
$swipe = yes
-->
<h2>추천 상품</h2>
<ul class="grid2">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt=""></a></div>
<div class="information">
<p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
<p class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</p>
<p class="price {$product_sale_strike}">{$product_price} <span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></p>
<p class="price sale {$product_sale_display|display}">{$product_sale_price}</p>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt=""></a></div>
<div class="information">
<p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
<p class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</p>
<p class="price {$product_sale_strike}">{$product_price} <span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></p>
<p class="price sale {$product_sale_display|display}">{$product_sale_price}</p>
</div>
</li>
</ul>
</div><!-- //추천상품 -->상품 일반상품 리스트 메뉴 모듈입니다.
<div module="product_normalmenu">
<!--@css(/css/module/product/normalmenu.css)-->
<!--@js(/js/module/product/normalmenu.js)-->
<div class="sort">
<select id="selArray" name="selArray" module="product_Orderby">
<option value="{$param}">{$sort_name}</option>
<option value="{$param}">{$sort_name}</option>
</select>
</div>
<ul class="viewType">
<li class="list selected"><a href="/product/list.html{$params}">목록형으로 보기</a></li>
<li class="thumb"><a href="/product/list_thumb.html{$params}">이미지형으로 보기</a></li>
<li class="gallery"><a href="/product/list_gallery.html{$params}">갤러리형으로 보기</a></li>
<li class="slide"><a href="/product/list_zoom.html{$params}">확대보기</a></li>
</ul>
</div>상품 일반상품 리스트 (총 상품수, 정렬메뉴) 모듈입니다.
<div class="typeDesc" module="product_listnormal">
<!--@css(/css/module/product/listnormal.css)-->
<!--@js(/js/module/product/listnormal.js)-->
<!--
$count = 10
$moreview = yes
$basket_result = /product/add_basket.html
$basket_option = /product/basket_option.html
-->
<ul>
<li>
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" width="86" height="86"></a></div>
<div class="information">
<p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
<p class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</p>
<p class="price {$product_sale_strike}">{$product_price}<span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></p>
<p class="price sale {$product_sale_display|display}">{$product_sale_price}</p>
<p class="summary {$summary_desc|display}">{$summary_desc}</p>
<div class="{$colorchip_display|display}">
<div class="color" module="product_Colorchip">
<span class="chips" style="background-color:{$color};"></span>
<span class="chips" style="background-color:{$color};"></span>
</div>
</div>
<div class="price {$product_promotion_display|display}">
<div class="discountPeriod {$product_promotion_display|display}">
<a href="#none" class="btnNormal">할인기간</a>
<div class="layerDiscountPeriod">
<div class="inner">
<h3>할인기간</h3>
<p class="timeleft">{$product_promotion_date}</p>
<ul>
<li><span>할인금액</span>{$product_promotion_dc_price}</li>
<li><span>할인기간</span>{$product_promotion_start_date} ~<br>{$product_promotion_end_date}</li>
</ul>
<a href="#none" class="btnClose">닫기</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" width="86" height="86"></a></div>
<div class="information">
<p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
<p class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</p>
<p class="price {$product_sale_strike}">{$product_price}<span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></p>
<p class="price sale {$product_sale_display|display}">{$product_sale_price}</p>
<p class="summary {$summary_desc|display}">{$summary_desc}</p>
<div class="{$colorchip_display|display}">
<div class="color" module="product_Colorchip">
<span class="chips" style="background-color:{$color};"></span>
<span class="chips" style="background-color:{$color};"></span>
</div>
</div>
<div class="price {$product_promotion_display|display}">
<div class="discountPeriod {$product_promotion_display|display}">
<a href="#none" class="btnNormal">할인기간</a>
<div class="layerDiscountPeriod">
<div class="inner">
<h3>할인기간</h3>
<p class="timeleft">{$product_promotion_date}</p>
<ul>
<li><span>할인금액</span>{$product_promotion_dc_price}</li>
<li><span>할인기간</span>{$product_promotion_start_date} ~<br>{$product_promotion_end_date}</li>
</ul>
<a href="#none" class="btnClose">닫기</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>상품 리스트 더보기 모듈입니다.
<div module="product_listmore" class="paginate typeMoreview">
<a href="#none" onclick="{$more_action}">
더보기(<span id="more_current_page">{$current_page}</span>/<span id="more_total_page">{$total_page}</span>)<span class="icoMore"></span>
</a>
</div>