q792602257/qlg.tsgz.moe
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
bb9bd68c7f0b43b9ac578041dee629247cc0a87b
qlg.tsgz.moe/hyhproject/home2/view/default/goods_list.html
root f0ef89dfbb Init Repo
2019-09-06 23:53:10 +08:00

450 lines
19 KiB
HTML
Executable File
Raw Blame History

{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}
Reference in New Issue View Git Blame Copy Permalink