{extend name="default/base" /}
{block name="title"}{:WSTConf('CONF.mallName')}-{:WSTConf('CONF.mallSlogan')}{__block__}{/block}
{block name="css"}
<link href="__STYLE__/css/self_shop.css" rel="stylesheet">
{/block}
{block name="main"}
<input type="hidden" id="shopId" value="{$data['shop']['shopId']}">
<input type="hidden" id="goodsName" value="{$goodsName}">
<div class="s-banner">
{/* 本店分类 */}
<div class="s-cat">
{volist name="$data['shopcats']" id="cat1" length="6"}
<div class="shop-cat1" cid="{$key}" id="ct1-{$key}">
<div class="shop-cat1-title">
<em class="em{$key+1}"></em>
<h3>
<a href="{:url('home/shops/cat',['shopId'=>$data['shop']['shopId'],'ct1'=>$cat1['catId']])}">{:WSTMSubstr($cat1['catName'],0,4)}</a>
</h3>
</div>
<p class="shop-ct1-ct2">
{volist name="$cat1['children']" id="v1" key="k1" }
<a href="{:url('home/shops/cat',['shopId'=>$data['shop']['shopId'],'ct1'=>$cat1['catId'],'ct2'=>$v1['catId']])}">{$v1['catName']}</a>
{/volist}
</p>
</div>
<ul class="shop-cat2 cid{$key}" cid="{$key}">
{volist name="$cat1['children']" id="cat2" length="20"}
<li><a href="{:url('home/shops/cat',['shopId'=>$data['shop']['shopId'],'ct1'=>$cat1['catId'],'ct2'=>$cat2['catId']])}">{$cat2['catName']}</a></li>
{/volist}
</ul>
{/volist}
</div>
{/* 横栏广告 */}
<div class="s-wst-slide" id="s-wst-slide" style="width:100%;float:right;height:500px;overflow:hidden;">
{if($data['shop']['shopAds'])}
<ul class="s-wst-slide-items">
{volist name="$data['shop']['shopAds']" id="vo"}
<a href="{$vo.adUrl}" {if ($vo['isOpen'])}target='_blank'{/if}><li style="background: url(__IMGURL__/{$vo.adImg}) no-repeat scroll center center;background-size:cover" ></li></a>
{/volist}
</ul>
<div class="s-wst-slide-numbox">
<div class="s-wst-slide-controls">
{volist name="$data['shop']['shopAds']" id="vo" key="k"}
{if condition="$k eq 1"}
<span class="curr"> </span>
{else/}
<span class=""> </span>
{/if}
{/volist}
</div>
</div>
{/if}
</div>
</div>
<div class="shop_rec_out">
<div class="s-buy-new-best-hot">
<ul class="s-rec">
<li class="s-rec-item j-s-rec-selected" id="fl_f_0" onmouseover="gpanelOver2(this);"><a href="javascript:void(0)">店长推荐</a></li>
<li class="s-rec-item">
<a href="javascript:void(0)"> / </a>
</li>
<li class="s-rec-item" id="fl_f_1" onmouseover="gpanelOver2(this);"><a href="javascript:void(0)">热卖商品</a></li>
<div class="wst-clear"></div>
</ul>
{/* 店长推荐 */}
<div class="s-rec-glistbox" id="fl_f_0_pl">
<ul class="s-rec-goods-list">
{volist name="$data['rec']" id="vo" length="4" }
<li>
<a href='{:Url("home/goods/detail","id=".$vo["goodsId"])}' target='_blank'>
<img class='goodsImg' data-original="__IMGURL__/{:WSTImg($vo['goodsImg'])}" title="{$vo['goodsName']}"/>
</a>
<div class="rec_ginfo">
<p class="s-rec-goods-desc"><a href='{:Url("home/goods/detail","id=".$vo["goodsId"])}' target='_blank'>{$vo['goodsName']}</a></p>
<div class="s-rec-goods-bottom">
<p class="s-rec-goods-price"><span>￥{$vo['shopPrice']}</span></p>
<a href="javascript:WST.addCart({$vo['goodsId']});">加入购物车</a>
</div>
</div>
</li>
{/volist}
<div class="wst-clear"></div>
</ul>
</div>
<div class="s-rec-glistbox" id="fl_f_1_pl" style="display:none;">
<ul class="s-rec-goods-list">
{volist name="$data['hot']" id="hot" length="4"}
<li>
<a href='{:Url("home/goods/detail","id=".$hot["goodsId"])}' target='_blank'>
<img class='goodsImg' data-original="__IMGURL__/{$hot['goodsImg']}" title="{$hot['goodsName']}"/>
</a>
<div class="rec_ginfo">
<p class="s-rec-goods-desc"><a href='{:Url("home/goods/detail","id=".$hot["goodsId"])}' target='_blank'>{$hot['goodsName']}</a></p>
<div class="s-rec-goods-bottom">
<p class="s-rec-goods-price"><span>￥{$hot['shopPrice']}</span></p>
<a href="javascript:WST.addCart({$hot['goodsId']});">加入购物车</a>
</div>
</div>
</li>
{/volist}
</ul>
<div class="wst-clear"></div>
</div>
</div>
</div>
{volist name="$data['shopcats']" id="cat1" key="l" length="6"}
<div class="self_container_out">
<div class="sf_headerbox">
{/* 店铺一级分类 */}
<div class="sfhl f{$l}_tit_bg">
<a class="sfh_tit" href="#">{$cat1['catName']}</a>
</div>
{/* 店铺二级分类 */}
<div class="sfhr">
{/* 楼层二级分类 */}
{php}
$a = count($cat1['children']);
if($a>5)$a=5;
{/php}
{volist name="$cat1['children']" id="cat2" key="l2" length="5"}
<a href="{:url('home/shops/home',['shopId'=>$data['shop']['shopId'],'ct1'=>$cat1['catId'],'ct2'=>$cat2['catId']])}" class="c18_333">{$cat2['catName']}</a>
{if($l2<$a)}<span class="c18_333 separatory">/</span>{/if}
{/volist}
<span class="c18_333 separatory"> </span>
<a href="{:url('home/shops/home',['shopId'=>$data['shop']['shopId'],'ct1'=>$cat1['catId']])}" class="c18_333">查看更多 >></a>
</div>
<div class="wst-clear"></div>
</div>
{/* 自营店铺楼层广告 */}
{wst:ads code="self-shop-f$l" id="vo" num="1" cache="86400"}
<div class="sf_adsbox">
<a {if ($vo['isOpen'])}target='_blank'{/if} {if ($vo['adURL']!='')}onclick="WST.recordClick({$vo['adId']})"{/if} href="{$vo.adURL}" onfocus="this.blur()">
<img data-original="__IMGURL__/{$vo.adFile}" class="goodsImg" />
</a>
</div>
{/wst:ads}
{/* 楼层商品列表 */}
<div class="sf_glistbox f{$l}_g_bg">
<ul class="sf_glist">
{wst:shopfloorgoods shop="data['shop']['shopId']" cat="cat1['catId']" cache="86400" num='10' id='sgf'}
<li>
<a target="_blank" href="{:Url('home/goods/detail','id='.$sgf['goodsId'])}" title="{$sgf['goodsName']}">
<div class="sf_img">
<img class='goodsImg' data-original="__IMGURL__/{$sgf['goodsImg']}" alt="{$sgf['goodsName']}" title="{$sgf['goodsName']}"/>
</div>
<p class="sf_gname">
{$sgf['goodsName']}
</p>
<p class="sf_price">
<span class="c11">￥</span>{:sprintf('%.1f',$sgf['shopPrice'])}
</p>
</a>
</li>
{/wst:shopfloorgoods}
<div class="wst-clear"></div>
</ul>
</div>
</div>
{/volist}
{include file="default/right_cart"/}
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/self_shop.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/js/qrcode.js?v={$v}'></script>
<script type='text/javascript'>
$(function(){
WST.dropDownLayer(".wst-shop-code",".wst-shop-codes");
var qr = qrcode(10, 'M');
var shopId = $("#shopId").val();
var url = "{:url('mobile/shops/selfShop',array('shopId'=>$data['shop']['shopId']),true,true)}";
qr.addData(url);
qr.make();
$('#qrcode').html(qr.createImgTag());
});
</script>
{/block}
{block name="footer"}{__block__}
{/block}