2019-09-06 23:53:10 +08:00

450 lines
19 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{extend name="default/base" /}
{block name="title"}{$catNamePath} - 商品列表 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoMallDesc')}">
<meta name="Keywords" content="{:WSTConf('CONF.seoMallKeywords')}">
{/block}
{block name="css"}
<link href="__STYLE__/css/goodslist.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{include file="default/header" /}
{/block}
{block name="main"}
{/* 推荐热卖 */}
<div class='wst-hot-sales'>
<div class='wst-sales-logo'>
&nbsp;<span class="wst-hot-icon">热卖推荐</span>
</div>
<ul class='wst-sales-box'>
{wst:goods type='recom' cat='$catId' num='4'}
<li class="item">
<div class="img"><a target='_blank' href='{:Url("home/goods/detail","id=".$vo["goodsId"])}'><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" title="{$vo['goodsName']}" alt="{$vo['goodsName']}" /></a></div>
<div class="des">
<div class="p-sale">已售{$vo['saleNum']}件</div>
<div class="p-name"><a target='_blank' href='{:Url("home/goods/detail","id=".$vo["goodsId"])}'>{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}</div>
<div class="p-buy"><a href="javascript:WST.addCart({$vo['goodsId']})">加入购物车</a></div>
</div>
</li>
{/wst:goods}
</ul>
</div>
{/* 已筛选的条件 */}
<input type="hidden" id="cat" class="sipt" value='{$catId}'/>
<input type="hidden" id="brand" class="sipt" value='{$brandId}'/>
{volist name="$vs" id="v"}
<input type="hidden" id="v_{$v}" class="sipt" value='{$attrs["v_".$v]}'/>
{/volist}
<input type="hidden" id="vs" class="sipt" value='{:implode(",",$vs)}'/>
<input type="hidden" id="orderBy" class="sipt" value='{$orderBy}'/>
<input type="hidden" id="order" class="sipt" value='{php}echo ($order=="0")?"1":"0";{/php}' autocomplete="off"/>
<input type="hidden" id="areaId" class="sipt" value='{$areaId}' />
<div class='wst-filters'>
<div class='item' style="border-left:2px solid #df2003;padding-left: 8px;">
<a class='link' href='__ROOT__'>首页</a>
<i class="arrow">></i>
</div>
{if($catId)}
{volist name=":WSTPathGoodsCat($catId)" id='vo'}
<div class='wst-lfloat'>
<div class='item dorpdown'>
<div class='drop-down'>
<a class='link' href='__ROOT__'>{$vo['catName']}</a>
<i class="drop-down-arrow"></i>
</div>
<div class="dorp-down-layer">
{volist name=":WSTGoodsCats($vo['parentId'])" id='vo2'}
<div class="{$vo['parentId']>0?'cat2':'cat1'}"><a href='{:Url("home/goods/lists","cat=".$vo2["catId"])}'>{$vo2['catName']}</a></div>
{/volist}
</div>
</div>
<i class="arrow">></i>
</div>
{/volist}
{volist name="$selector" id='vo'}
<div class='item dorpdown'>
<a class='v-item' href='javascript:void(0);' onclick="javscript:removeFilter('{$vo['type']}')">
<span>{$vo['label']}{$vo['val']}</span>
<i>x</i>
</a>
<i class="arrow">></i>
</div>
{/volist}
{else}
<div class='item'>
<a class='link' href='javascript:void(0);'>全部商品分类</a>
</div>
{/if}
<div class='wst-clear'></div>
</div>
{/* 筛选条件 */}
<div class="wst-selector">
<div class='head'>商品筛选条件</div>
<div class="main">
{php}$selectorNum = 0;{/php}
{if !empty($brandFilter)}
{php}$selectorNum++;{/php}
<div class='item'>
<div class='label'>品牌:</div>
<ul class='content brand_itembox' >
{volist name="$brandFilter" id="bv"}
<li class='s-item brand_item' onclick='javascript:goodsFilter(this,1)' v="{$bv['brandId']}">
<div class="g_bd_imgbox"><img src="__IMGURL__/{$bv.brandImg}" class="g_bd_img" onerror="this.style.display='none'" />{$bv['brandName']}</div>
<a class="s_chk"><i></i></a>
</li>
{/volist}
</ul>
<div class='extra'>
<a href="javascript:void(0)" class="extra_more" onClick="extra_show(this)">更多<i></i></a>
<a href="javascript:void(0)" class="extra_multi" onClick="multibox_show(this,'brand')"><i></i>多选</a>
<div class="wst-clear"></div>
</div>
<div class='wst-clear'></div>
</div>
{/if}
{volist name="$goodsFilter" id="gv"}
{php}$selectorNum++;{/php}
<input type="hidden" id="v_{$gv['attrId']}" class="sipt" value=''/>
<div class='item <?=($selectorNum > 3)?"hideItem hide":"" ?>'>
<div class='label'>{$gv['attrName']}</div>
<ul class='content'>
{volist name="$gv['attrVal']" id="gvi"}
<li class='s-item' onclick='javascript:goodsFilter(this,3)' d="{$gv['attrId']}" v="{$gvi}">
<a class="s_chk"><i></i>{$gvi}</a>
</li>
{/volist}
</ul>
<div class='extra'>
<a href="javascript:void(0)" class="extra_more" onClick="extra_show(this)">更多<i></i></a>
<a href="javascript:void(0)" class="extra_multi" onClick="multibox_show(this,'attr')"><i></i>多选</a>
<div class="wst-clear"></div>
</div>
<div class='wst-clear'></div>
</div>
{/volist}
{php}$selectorNum++;{/php}
{if $sprice=='' && $eprice==''}
<div class='item <?=($selectorNum > 3)?"hideItem hide":"" ?>'>
<div class='label'>价格:</div>
<ul class='content'>
{volist name='priceGrade' id='vo' key='pKey'}
<li class='s-item' onclick='javascript:goodsFilter(this,2)' v="{$key}">{$vo}</li>
{/volist}
</ul>
<div class='extra'>&nbsp;</div>
<div class='wst-clear'></div>
</div>
{/if}
{if $selectorNum > 3}
<div class="item-more-box">
<div class='item-more' v="1"><span>更多选项</span><i class="drop-down"></i></div>
</div>
{/if}
</div>
<div class='wst-clear'></div>
</div>
{/* 商品展示 */}
<div class="wst-container">
<div class='goods-side'>
<div class="guess-like">
<div class="title">猜你喜欢</div>
{wst:goods type='best' cat="$catId" num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
<div class="hot-goods">
<div class="title">热销商品</div>
{wst:goods type='hot' cat="$catId" num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
</div>
<div class='goods-main'>
<div class='goods-filters'>
<div class='line line2'>
<a class="{if condition="$orderBy eq 0"}curr {/if}" href='javascript:void(0)' onclick='javascript:goodsOrder(0)'>销量<span class="{if condition="$orderBy neq 0"}store{/if}{if condition="$orderBy eq 0 and $order eq 1"}store2{/if}{if condition="$orderBy eq 0 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==1?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(1)'>价格<span class="{if condition="$orderBy neq 1"}store{/if}{if condition="$orderBy eq 1 and $order eq 1"}store2{/if}{if condition="$orderBy eq 1 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==2?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(2)'>评论数<span class="{if condition="$orderBy neq 2"}store{/if}{if condition="$orderBy eq 2 and $order eq 1"}store2{/if}{if condition="$orderBy eq 2 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==3?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(3)'>人气<span class="{if condition="$orderBy neq 3"}store{/if}{if condition="$orderBy eq 3 and $order eq 1"}store2{/if}{if condition="$orderBy eq 3 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==4?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(4)'>上架时间<span class="{if condition="$orderBy neq 4"}store{/if}{if condition="$orderBy eq 4 and $order eq 1"}store2{/if}{if condition="$orderBy eq 4 and $order eq 0"}store3{/if}"></span></a>
<div class="wst-price-ipts">
<span class="wst-price-ipt1"></span><span class="wst-price-ipt2"></span>
<input type="text" class="sipt wst-price-ipt" id="sprice" value="{$sprice}" style="margin-left:8px;" onkeypress='return WST.isNumberdoteKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
- <input type="text" class="sipt wst-price-ipt" id="eprice" value="{$eprice}" onkeypress='return WST.isNumberKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
</div>
<button class="wst-price-but" type="submit" style="width:60px;height: 25px;" onclick='javascript:goodsOrder()'>确定</button>
<div class="page" style="float:right;">
<a href="javascript:;" onclick="page('prev')">上一页</a>
<a href="javascript:;" onclick="page('next')" >下一页</a>
</div>
</div>
<div class='line'>
<div class='wst-lfloat chk'>发货地</div>
<div class='city wst-address'>
<div class='item dorpdown'>
<div class='drop-down'>
<a class='link' href='__ROOT__'>
{if empty($areaInfo['areaName'])}
请选择
{else /}
{$areaInfo['areaName']}
{/if}
</a>
<i class="drop-down-arrow"></i>
</div>
<div class="dorp-down-layer">
<div class="tab-header">
<ul class="tab">
<li class="tab-item1" id="fl_1_1" onclick="gpanelOver(this);" c="1" >
{if isset($areaInfo)}
<a href='javascript:void(0)'>{$areaInfo[0]['areaName']}</a>
{else /}
<a href='javascript:void(0)'>请选择</a>
{/if}
</li>
{if isset($areaInfo)}
<li class="tab-item1" id="fl_1_2" onclick="gpanelOver(this);" c="1" >
<a href="javascript:void(0)">{$areaInfo[1]['areaName']}</a>
</li>
<li class="tab-item1 j-tab-selected1" id="fl_1_3" onclick="gpanelOver(this);" c="1" >
<a href="javascript:void(0)">{$areaInfo[2]['areaName']}</a>
</li>
{else /}
<li class="tab-item1" id="fl_1_2" onclick="gpanelOver(this);" c="1" pid="" >
<a href="javascript:void(0)">请选择</a>
</li>
<li class="tab-item1 j-tab-selected1" id="fl_1_3" onclick="gpanelOver(this);" c="1" pid="" >
<a href="javascript:void(0)">请选择</a>
</li>
{/if}
</ul>
</div>
<ul class="area-box" id="fl_1_1_pl" style="display:none;">
{volist name="$area1" id="area1"}
<li onclick="choiceArea(this,{$area1['areaId']})"><a href="javascript:void(0)">{$area1['areaName']}</a></li>
{/volist}
</ul>
<ul class="area-box" id="fl_1_2_pl" style="display:none;">
{volist name="$area2" id="area2"}
<li onclick="choiceArea(this,{$area2['areaId']})"><a href="javascript:void(0)">{$area2['areaName']}</a></li>
{/volist}
</ul>
<ul class="area-box" id="fl_1_3_pl" >
{volist name="$area3" id="area3"}
<li onclick="choiceArea(this,{$area3['areaId']})"><a href="javascript:void(0)">{$area3['areaName']}</a></li>
{/volist}
</ul>
</div>
</div>
</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isStock' value='1' class="sipt wst-checkbox-s" onclick="goodsFilter(this,4)" type='checkbox' id="stock" {if $isStock==1}checked{/if}/>
<label for="stock"></label>
</div>
仅显示有货</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isNew' value='1' class="sipt wst-checkbox-s" onclick="goodsFilter(this,4)" type='checkbox' id="new" {if $isNew==1}checked{/if}/>
<label for="new"></label>
</div>
新品</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isFreeShipping' value='1' class="sipt wst-checkbox-s" onclick="goodsFilter(this,4)" type='checkbox' id="freeShipping" {if $isFreeShipping==1}checked{/if}/>
<label for="freeShipping"></label>
</div>
包邮</div>
</div>
</div>
<div class="goods-list">
{volist name='goodsPage["Rows"]' id='vo'}
<div class="goods">
<div class="img">
<a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}">
<img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" class='goodsImg2' data-original="__IMGURL__/{$vo['goodsImg']}"/>
</a>
</div>
{php}
$img_listarr = explode(',',$vo['gallery']);
array_unshift($img_listarr,$vo['goodsImg']);
{/php}
<ul class="img_list">
{volist name="$img_listarr" id="ils" key="ils_k" length="8"}
{if($ils!='')}
<li class="{if($ils_k==1)}curr{/if}"><img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" class='goodsImg2' data-original="__IMGURL__/{$ils}"/></li>
{/if}
{/volist}
<div class="wst-clear"></div>
</ul>
<div class="p-name"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}" class="wst-redlink" title="{$vo['goodsName']}">{$vo['goodsName']}</a></div>
<div>
<div class="p-price">¥{$vo['shopPrice']}</div>
<div class="p-hsale">
<div class="sale-num">成交数:<span class="wst-fred">{$vo['saleNum']}</span></div>
<a class="p-add-cart" style="display:none;" href="javascript:WST.addCart({$vo['goodsId']});">加入购物车</a>
</div>
<div class='wst-clear'></div>
</div>
<div>
<div class="p-mprice">市场价<span>¥{$vo['marketPrice']}</span></div>
<div class="p-appraise">已有<span class="wst-fred">{$vo['appraiseNum']}</span>人评价</div>
<div class='wst-clear'></div>
</div>
{if empty($is_icp)}
<div class="p-shop">
<a href="{:Url('home/shops/home','shopId='.$vo['shopId'])}" target='_blank' class="wst-redlink">{$vo['shopName']}</a>
<a class="contrast" href="javascript:void(0);" onclick="javascript:contrastGoods(1,{$vo['goodsId']},1)"><i></i>对比</a>
</div>
{/if}
<div class="tags">
{volist name="vo['tags']" id='tv'}
{$tv}
{/volist}
</div>
</div>
{/volist}
<div class='wst-clear'></div>
</div>
<div style="position: absolute;bottom: -50px;width:980px;">
<div id="wst-pager"></div>
</div>
</div>
<div class='wst-clear'></div>
<div style="height: 50px;"></div>
{/* 您最近浏览的商品 */}
{if cookie("history_goods")!=''}
<div class="wst-gview">
<div class="title">您最近浏览的商品</div>
<div class="view-goods">
{wst:goods type='history' cat="$catId" num='7'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink" href="{:Url('home/goods/detail','id='.$vo['goodsId'])}">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
<div class='wst-clear'></div>
</div>
</div>
{/if}
</div>
{/* 对比框 */}
<div class="wst-cont-frame" id="j-cont-frame">
<div class="head"><span>对比栏</span><a href="javascript:void(0);" class="close" onclick="javascript:contrastGoods(0,0,0)">关闭</a></div>
<div class="list">
<div class="goods" id="contrastList"></div>
<div class="term-contrast">
<p><a class="contrast" href="{:Url('home/goods/contrast')}" target="_blank">对比</a></p>
<p><a href="javascript:void(0);" onclick="javascript:contrastDels(0)" class="empty">清空</a></p>
</div>
</div>
<script id="colist" type="text/html">
{{# if(d.data && d.data.length>0){ }}
{{# for(var i=0; i<d.data.length; i++){ }}
<div class="term">
<div class="img"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><img class="contImg" data-original="__IMGURL__/{{ d.data[i].goodsImg }}" title="{{ d.data[i].goodsName }}" width="50" height="50"></a></div>
<div class="info"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><p class="name">{{ d.data[i].goodsName }}</p></a><p class="price"><span>{{ d.data[i].shopPrice }}</span><a href="javascript:contrastDels({{ d.data[i].goodsId }});" ></a></p></div>
</div>
{{# } }}
{{# } }}
{{# var data = (d.data)?d.data.length:0 }}
{{# for(var i=data+1; i<5; i++){ }}
<div class="term-empty">
<div class="img">{{ i }}</div>
<div class="info"><p>您还可以继续添加</p></div>
</div>
{{# } }}
</script>
</div>
{include file="default/right_cart"/}
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/goodslist.js?v={$v}'></script>
<script type='text/javascript'>
$(function(){
{if !isset($areaInfo)}
$('#fl_1_1').click();
{/if}
contrastGoods(1,0,2);
})
laypage({
cont: 'wst-pager',
pages: {$goodsPage["TotalPage"]}, //总页数
skip: true, //是否开启跳页
skin: '#e23e3d',
groups: 3, //连续显示分页数
curr: function(){ //通过url获取当前页也可以同上pages方式获取
var page = location.search.match(/page=(\d+)/);
return page ? page[1] : 1;
}(),
jump: function(e, first){ //触发分页后的回调
if(!first){ //一定要加此判断,否则初始时会无限刷新
var nuewurl = WST.splitURL("page");
var ulist = nuewurl.split("?");
if(ulist.length>1){
location.href = nuewurl+'&page='+e.curr;
}else{
location.href = '?page='+e.curr;
}
}
}
});
var total = {$goodsPage["TotalPage"]};
function page(t){
var page = location.search.match(/page=(\d+)/);
var curr = 1;
if(page && page.length>1){ //说明当前url上有page参数
curr = page[1]; // 当前页
}
var nuewurl = WST.splitURL("page"); // 当前url
var ulist = nuewurl.split("?"); // 将传递的参数与url分开
// 说明当前有参数. 需要带着参数一起传递
var url = (ulist.length>1)?nuewurl+'&page=':'?page=';
if(t=='prev'){ // 上一页
if(curr<=1)return;
curr = parseInt(curr)-1;
location.href = url+curr;
}else{ // 下一页
if(curr>=total)return;
curr = parseInt(curr)+1;
location.href = url+curr;
}
}
</script>
{/block}