{*** 갤러리형 | goods/goods_list.php ***}
<!--{ ? !id }--><? {id} = "es_".md5(crypt('')); ?><!--{ / }-->
<!-- 상품 리스트 -->
<table width=100% border=0 cellpadding=0 cellspacing="0">
<tr>
 <!--{ @ loop }-->
 <!--{ ? .index_ && .index_%cols==0 }--></tr><tr><!--{ / }-->
 <!-- 개별상품 start -->
 <td align=center valign=top width="{100/cols}%" >
 <div style="margin:0 0 15px 0;padding-top:2px;width:240px !important;height:402px;background:url('/shop/data/skin/freemart/img/bg_off.jpg') 0 0 no-repeat;cursor:pointer;" onmouseover="this.style.backgroundImage='url(/shop/data/skin/freemart/img/bg_on.jpg)'" onmouseout="this.style.backgroundImage='url(/shop/data/skin/freemart/img/bg_off.jpg)'" onclick="document.location.href='{.goods_view_url}'">
  <!-- 상품이미지 -->
  <div><a href="{.goods_view_url}">{=goodsimg(.img_s,size,'height=236','class="'+ .css_selector +'"')}</a></div>
  <!-- 짧은 설명 -->
  <!--<div style="margin-top:15px;padding-left:10px;font-size:10px;color:#999;text-align:left;height:17px;">{.shortdesc}</div>-->
  <!-- 상품명 -->
  <div style="margin-top:10px;padding-left:10px;font-size:15px;color:#333;text-align:left;font-weight:bold;">{.goodsnm}</div>
  <!-- 할인 및 가격정보 -->
  <div style="padding-top:10px;padding-left:10px;text-align:left;">
   <div style="float:left;color:#e30f13;font-size:37px;font-weight:bold;width:80px;">    
    <!--{ ? .price}-->
    <!--{ ? .consumer }-->{? .consumer && .price}{=round((1-(.price/.consumer ))*100)}% {/}
    <!--{ / }-->
    <!--{ / }-->    
   </div>
   <div style="float:left;">
    <span style="font-size:13px;color:#999"><!--{ ? .consumer }--><strike style="font-size:14px; color:#95979F;">{=number_format(.consumer)}원</strike>↓<!--{ / }--></span><br>
    <span style="font-size:19px;color:#333;font-weight:bold;">{=number_format(.price)}</b><span style="font-size:17px;color:#333;font-weight:bold;"> 원</span> {? .special_discount_amount}<img src="../../img/icon/goods_special_discount.gif">{/}</span>
   </div>
  </div>
  <!-- float 해제 -->
  <!-- 구분선 -->
  <div style="clear:both;margin:0 15px;padding:0;text-align:left;height:1px;border-top:1px solid #d6d6d6;overflow:hidden"></div>
  <!-- 아이콘 및 재고량 -->
  <div>
   <div style="float:left;padding-top:0px;padding-left:10px;">
    {.icon}
   </div>
   <div style="float:right;padding-right:15px;">
    <strong style="color:#0085da;font-size:18px;">{=(goods_ord_ct(.goodsno) + .goods_ord_ct)}</strong><span style="color:#ccc;font-size:11px;"> 개 구매</span>
   </div>   
  </div>  
 </div>
 </td>
 <!--{ / }-->
 <!-- 개별상품 end -->
</tr>
</table>
<!-- 품절상품 마스크 -->
<div id="el-goods-soldout-image-mask" style="display:none;position:absolute;top:0;left:0;background:url({ ? _cfg_soldout.display_overlay == 'custom'}../data/goods/icon/custom/soldout_overlay{:}../data/goods/icon/icon_soldout{_cfg_soldout.display_overlay}{/}) no-repeat center center;"></div>
<script>
addOnloadEvent(function(){ setGoodsImageSoldoutMask() });
</script>