<!-- 예제이며 원하시는 디자인으로 수정 가능합니다. 단, 스크립트는 사용할 수 없습니다. -->
<!-- basket_layer start -->
<style type="text/css">
.xans-layout-orderasyncbasketlayer { position:relative; z-index:20; width:100%; }
.basket_layer { position:absolute; top:44px; right:118px; border:1px solid #dcdcdc; background:#fff; }
.basket_layer .basket_inner { position:relative; padding-bottom:50px; }
.basket_layer .scroll { overflow:auto; max-width:950px; max-height:334px; padding:10px 10px 0; }
.basket_layer .empty { width:250px; padding:20px 0; text-align:center; }
.basket_layer .list { width:250px; }
.basket_layer .list li { display:table; padding:10px; box-sizing:border-box; border-top:1px solid #ddd; }
.basket_layer .list li:first-child { border-top:0; }
.basket_layer .list li .info { display:table-cell; width:65%; padding-left:5px; box-sizing:border-box; vertical-align:middle; }
.basket_layer .list li .info span { display:block; color:#717071; font-size:11px; }
.basket_layer .list li .thumb { display:table-cell; width:25%; vertical-align:top; }
.basket_layer .list li .thumb img { width:100%; max-width:100px; }
.basket_layer .goBasket { position:absolute; bottom:10px; left:0; width:100%; text-align:center; }
</style>
<div class="basket_layer" module="Order_BasketPackage">
<div class="basket_inner">
<div class="scroll">
<div class="empty" module="Order_Empty">
<p>장바구니가 비어 있습니다.</p>
</div>
<div class="list" module="Order_NormNormal">
<ul module="Order_list">
<li>
<span class="thumb"><a href="/product/detail.html{$param}"><img src="{$img}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" alt="{$name_alt}" /></a></span>
<span class="info">
<span class="name">{$name}</span>
<span class="price">{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</span>
</span>
</li>
<li>
<span class="thumb"><a href="/product/detail.html{$param}"><img src="{$img}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" alt="{$name_alt}" /></a></span>
<span class="info">
<span class="name">{$name}</span>
<span class="price">{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</span>
</span>
</li>
</ul>
</div>
<div class="list" module="Order_NormIndividual">
<ul module="Order_list">
<li>
<span class="thumb"><a href="/product/detail.html{$param}"><img src="{$img}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" alt="{$name_alt}" /></a></span>
<span class="info">
<span class="name">{$name}</span>
<span class="price">{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</span>
</span>
</li>
<li>
<span class="thumb"><a href="/product/detail.html{$param}"><img src="{$img}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" alt="{$name_alt}" /></a></span>
<span class="info">
<span class="name">{$name}</span>
<span class="price">{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</span>
</span>
</li>
</ul>
</div>
<div class="list" module="Order_NormOversea">
<ul module="Order_list">
<li>
<span class="thumb"><a href="/product/detail.html{$param}"><img src="{$img}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" alt="{$name_alt}" /></a></span>
<span class="info">
<span class="name">{$name}</span>
<span class="price">{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</span>
</span>
</li>
<li>
<span class="thumb"><a href="/product/detail.html{$param}"><img src="{$img}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" alt="{$name_alt}" /></a></span>
<span class="info">
<span class="name">{$name}</span>
<span class="price">{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</span>
</span>
</li>
</ul>
</div>
</div>
<div class="goBasket"><a href="/order/basket.html"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_go_basket.gif"></a></div>
</div>
</div>
<!-- basket_layer end -->