<div module="Product_menupackage">
<div class="path" module="product_headcategory">
<span>현재 위치</span>
<ol>
<li><a href="/">홈</a></li>
<li class="{$disp_cate_1|display}"><a href="{$link_product_list_1}">{$name_1}</a></li>
<li class="{$disp_cate_2|display}"><a href="{$link_product_list_2}">{$name_2}</a></li>
<li class="{$disp_cate_3|display}"><a href="{$link_product_list_3}">{$name_3}</a></li>
<li class="{$disp_cate_4|display}"><strong><a href="{$link_product_list_4}">{$name_4}</a></strong></li>
</ol>
</div>
<div class="title" module="product_headcategory">
<p class="banner">{$top_image1_tag}{$top_image2_tag}{$top_image3_tag}</p>
<h2><span>{$title_text_or_image}</span></h2>
<span class="likeButton {$disp_likecate_class}"><button type="button">{$disp_likecate_icon}<strong>{$disp_likecate_count}</strong></button></span>
</div>
<ul class="menuCategory">
<li module="product_displaycategory" style="display:{$display};" class="{$selected}">
<a href="{$link_product_list_sub}">{$category_name} <span class="count {$product_count_display|display}">({$product_count})</span></a>
<ul module="product_children">
<li class="{$selected}">
<a href="{$link_product_list_sub}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a>
<div class="button">
{$children_icon}
<ul module="product_children" class="subCategory">
<li class="{$selected}"><a href="{$link_product_list_sub}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
<li class="{$selected}"><a href="{$link_product_list_sub}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
</ul>
</div>
</li>
<li class="{$selected}">
<a href="{$link_product_list_sub}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a>
<div class="button">
{$children_icon}
<ul module="product_children" class="subCategory">
<li class="{$selected}"><a href="{$link_product_list_sub}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
<li class="{$selected}"><a href="{$link_product_list_sub}">{$category_name} <span class="{$product_count_display|display}">({$product_count})</span></a></li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div module="product_listrecommend" class="ec-base-product">
<!--
$count = 4
※ 상품진열갯수를 설정하는 변수입니다. 설정하지 않을 경우, 최대 200개의 상품이 진열 됩니다.
※ 진열된 상품이 많으면, 쇼핑몰에 부하가 발생할 수 있습니다.
-->
<div class="title">
<h3><span>BEST SELLERS</span></h3>
</div>
<ul class="prdList grid4">
<li id="anchorBoxId_{$product_no}">
<div class="thumbnail">
<div class="prdImg">
<a href="{$link_product_detail}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" id="{$image_medium_id}" alt="{$seo_alt_tag}" /><span module="product_Imagestyle"><span class="prdIcon {$icon_class_name}" style="background-image:url('{$icon_url}');"></span></span></a>
<span class="wish">{$list_wish_icon}</span>
</div>
<div class="icon">
<div class="promotion">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</div>
<div class="button">
<div class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon} <strong>{$disp_likeprd_count}</strong></button></div>
<div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}
</div>
</div>
</div>
<div class="description">
<span class="chk"><input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}" /></span>
<strong class="name"><a href="{$link_product_detail}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
<ul module="product_ListItem" class="spec">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li id="anchorBoxId_{$product_no}">
<div class="thumbnail">
<div class="prdImg">
<a href="{$link_product_detail}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" id="{$image_medium_id}" alt="{$seo_alt_tag}" /><span module="product_Imagestyle"><span class="prdIcon {$icon_class_name}" style="background-image:url('{$icon_url}');"></span></span></a>
<span class="wish">{$list_wish_icon}</span>
</div>
<div class="icon">
<div class="promotion">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</div>
<div class="button">
<div class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon} <strong>{$disp_likeprd_count}</strong></button></div>
<div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}
</div>
</div>
</div>
<div class="description">
<span class="chk"><input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}" /></span>
<strong class="name"><a href="{$link_product_detail}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
<ul module="product_ListItem" class="spec">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div>
<div module="product_listnew" class="ec-base-product">
<!--
$count = 5
※ 상품진열갯수를 설정하는 변수입니다. 설정하지 않을 경우, 최대 200개의 상품이 진열 됩니다.
※ 진열된 상품이 많으면, 쇼핑몰에 부하가 발생할 수 있습니다.
-->
<div class="title">
<h3><span>NEW ARRIVALS</span></h3>
</div>
<ul class="prdList grid5">
<li id="anchorBoxId_{$product_no}">
<div class="thumbnail">
<div class="prdImg">
<a href="{$link_product_detail}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" id="{$image_medium_id}" alt="{$seo_alt_tag}" /><span module="product_Imagestyle"><span class="prdIcon {$icon_class_name}" style="background-image:url('{$icon_url}');"></span></span></a>
<span class="wish">{$list_wish_icon}</span>
</div>
<div class="icon">
<div class="promotion">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</div>
<div class="button">
<div class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon} <strong>{$disp_likeprd_count}</strong></button></div>
<div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}
</div>
</div>
</div>
<div class="description">
<span class="chk"><input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}" /></span>
<strong class="name"><a href="{$link_product_detail}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
<ul module="product_ListItem" class="spec">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li id="anchorBoxId_{$product_no}">
<div class="thumbnail">
<div class="prdImg">
<a href="{$link_product_detail}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" id="{$image_medium_id}" alt="{$seo_alt_tag}" /><span module="product_Imagestyle"><span class="prdIcon {$icon_class_name}" style="background-image:url('{$icon_url}');"></span></span></a>
<span class="wish">{$list_wish_icon}</span>
</div>
<div class="icon">
<div class="promotion">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</div>
<div class="button">
<div class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon} <strong>{$disp_likeprd_count}</strong></button></div>
<div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}
</div>
</div>
</div>
<div class="description">
<span class="chk"><input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}" /></span>
<strong class="name"><a href="{$link_product_detail}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
<ul module="product_ListItem" class="spec">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div>
<div module="product_normalpackage">
<div module="product_normalmenu">
<!--
-->
<div class="title" id="{$listmenu_position}">
<h3><span>HIT PRODUCT</span></h3>
</div>
<div class="function">
<p class="prdCount">등록 제품 : <strong>{$total_count}</strong>개</p>
<ul id="type" module="product_Orderby">
<li><a href="{$param}" {$style}>{$sort_name}</a></li>
<li><a href="{$param}" {$style}>{$sort_name}</a></li>
</ul>
<span class="compare {$product_compare_display|display}"><a href="#none" class="btnCompare" onclick="{$product_compare_action}">상품비교</a></span>
</div>
<fieldset class="condition {$select_search_display|display}">
<legend>조건별 검색</legend>
<p>
<select class="FirstSelect" module="product_FirstSelect">
<option value="">-조건선택-</option>
<option value="{$value}" {$selected}>{$title}</option>
<option value="{$value}" {$selected}>{$title}</option>
</select>
<select class="SecondSelect" module="product_SecondSelect">
<option value="">-조건선택-</option>
<option value="{$value}" {$selected}>{$title}</option>
<option value="{$value}" {$selected}>{$title}</option>
</select>
<a href="#SelectSearch" class="btnSubmitFix">검색</a>
</p>
</fieldset>
</div>
<script>
//상품정보를 담을 object생성
var prdObject=[];
var cnt=1;
var pClick = function(obj) {
'event': 'productClick',
'ecommerce': {
'click': {
'actionField': {'list': ''}, // Optional list property.
'products': [{
'name': obj.name, // Name or ID is required.
'category': obj.category,
'variant': obj.variant,
'position': obj.position
}]
}
}
});
}
</script>
<div module="product_listnormal" class="ec-base-product">
<!--
$count = 12
※ 상품진열갯수를 설정하는 변수입니다. 설정하지 않을 경우, 최대 200개의 상품이 진열 됩니다.
※ 진열된 상품이 많으면, 쇼핑몰에 부하가 발생할 수 있습니다.
-->
<ul class="prdList grid2">
<li id="anchorBoxId_{$product_no}">
<div class="thumbnail">
<div class="prdImg">
<script>
'name': '{$seo_alt_tag}', // Name or ID is required.
'id': '{$product_no}',
'price': parseInt('{$product_price}'),
'brand': '',
'category': '',
'variant': '',
'list': '',
'position':
});
cnt++;
</script>
<a href="{$link_product_detail}" name="anchorBoxName_{$product_no}" onclick="pClick(prdObject[cnt-2]);"><img src="{$image_medium}" id="{$image_medium_id}" alt="{$seo_alt_tag}" /><span module="product_Imagestyle"><span class="prdIcon {$icon_class_name}" style="background-image:url('{$icon_url}');"></span></span></a>
<span class="wish">{$list_wish_icon}</span>
</div>
<div class="icon">
<div class="promotion">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</div>
<div class="button">
<div class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon} <strong>{$disp_likeprd_count}</strong></button></div>
<div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}
</div>
</div>
</div>
<div class="description">
<span class="chk"><input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}" /></span>
<strong class="name"><a href="{$link_product_detail}" class="{$product_name_display|display}" onclick="pClick(prdObject[cnt-2]);"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
<ul module="product_ListItem" class="spec">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li id="anchorBoxId_{$product_no}">
<div class="thumbnail">
<div class="prdImg">
<script>
'name': '{$seo_alt_tag}', // Name or ID is required.
'id': '{$product_no}',
'price': parseInt('{$product_price}'),
'brand': '',
'category': '',
'variant': '',
'list': '',
'position': cnt
});
cnt++;
</script>
<a href="{$link_product_detail}" name="anchorBoxName_{$product_no}" onclick="pClick(prdObject[cnt-2]);"><img src="{$image_medium}" id="{$image_medium_id}" alt="{$seo_alt_tag}" /><span module="product_Imagestyle"><span class="prdIcon {$icon_class_name}" style="background-image:url('{$icon_url}');"></span></span></a>
<span class="wish">{$list_wish_icon}</span>
</div>
<div class="icon">
<div class="promotion">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</div>
<div class="button">
<div class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon} <strong>{$disp_likeprd_count}</strong></button></div>
<div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}
</div>
</div>
</div>
<div class="description">
<span class="chk"><input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}" /></span>
<strong class="name"><a href="{$link_product_detail}" class="{$product_name_display|display}" onclick="pClick(prdObject[cnt-2]);"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
<ul module="product_ListItem" class="spec">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div module="product_normalpaging" class="ec-base-paginate">
<ol>
<li><a href="{$param}" class="{$param_class}">{$no}</a></li>
<li><a href="{$param}" class="{$param_class}">{$no}</a></li>
<li><a href="{$param}" class="{$param_class}">{$no}</a></li>
<li><a href="{$param}" class="{$param_class}">{$no}</a></li>
<li><a href="{$param}" class="{$param_class}">{$no}</a></li>
</ol>
</div>
<script>
dataLayer = [];
'event' : 'Product Impressions',
'ecommerce': {
'currencyCode': 'KRW', // Local currency is optional.
'impressions': prdObject
}
});
</script>
