523 lines
20 KiB
HTML
523 lines
20 KiB
HTML
![]() |
<include file="public/header" title="搜索列表" body=""/>
|
|||
|
<!--搜索栏-s-->
|
|||
|
<div class="classreturn whiback bornone">
|
|||
|
<div class="content">
|
|||
|
<div class="ds-in-bl return">
|
|||
|
<a href="javascript:history.back(-1);"><img src="__STATIC__/images/return.png" alt="返回"></a>
|
|||
|
</div>
|
|||
|
<div class="ds-in-bl search">
|
|||
|
<form action="" method="post">
|
|||
|
<div class="sear-input">
|
|||
|
<a href="{:U('Goods/ajaxSearch')}">
|
|||
|
<input type="text" id="q" value="<?php echo urldecode(I('q'))?>">
|
|||
|
</a>
|
|||
|
</div>
|
|||
|
</form>
|
|||
|
</div>
|
|||
|
<div class="ds-in-bl menu">
|
|||
|
<a href="javascript:void(0);"><img src="__STATIC__/images/class1.png" alt="菜单"></a>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<!--搜索栏-e-->
|
|||
|
|
|||
|
<!--顶部隐藏菜单-s-->
|
|||
|
<include file="public/top_nav"/>
|
|||
|
<!--顶部隐藏菜单-e-->
|
|||
|
|
|||
|
<!--排序按钮-s-->
|
|||
|
<nav class="storenav p search_list_dump" id="head_search_box product_sort">
|
|||
|
<ul>
|
|||
|
<li>
|
|||
|
<span class="lb <if condition="(I('sort') eq 'is_new' or I('sort') eq 'comment_count')">red</if>">综合</span>
|
|||
|
<i></i>
|
|||
|
</li>
|
|||
|
<li class="<if condition="I('sort') eq 'sales_sum'">red</if>">
|
|||
|
<a href="<?php echo urldecode(U('Mobile/Goods/search',array_merge($filter_param,array('sort'=>'sales_sum')),''));?>" >
|
|||
|
<span class="dq">销量</span>
|
|||
|
</a>
|
|||
|
</li>
|
|||
|
<li class="<if condition="I('sort') eq 'shop_price'">red</if>">
|
|||
|
<a href="<?php echo urldecode(U('Mobile/Goods/search',array_merge($filter_param,array('sort'=>'shop_price','sort_asc'=>$sort_asc)),''));?>">
|
|||
|
<span class="jg">价格 </span>
|
|||
|
<i class="pr <if condition="I('sort_asc') eq 'asc'">bpr2</if> <if condition="I('sort_asc') eq 'desc'"> bpr1 </if>"></i>
|
|||
|
</a>
|
|||
|
</li>
|
|||
|
<li >
|
|||
|
<span class="sx">筛选</span>
|
|||
|
<i class="fitter"></i>
|
|||
|
|
|||
|
</li>
|
|||
|
<li>
|
|||
|
<i class="listorimg"></i>
|
|||
|
</li>
|
|||
|
</ul>
|
|||
|
</nav>
|
|||
|
<!--排序按钮-e-->
|
|||
|
|
|||
|
<!--商品列表-s-->
|
|||
|
<div id="goods_list">
|
|||
|
<empty name="goods_list">
|
|||
|
<p class="goods_title" id="goods_title" style="line-height: 2rem;text-align: center;margin-top: 0.64rem; font-size:0.64rem">抱歉暂时没有相关结果,换个筛选条件试试吧</p>
|
|||
|
<else />
|
|||
|
<!--商品-s-->
|
|||
|
<foreach name="goods_list" item="vo" key="k">
|
|||
|
<div class="orderlistshpop p" >
|
|||
|
<div class="maleri30">
|
|||
|
<div class="sc_list se_sclist">
|
|||
|
<div class="shopimg fl">
|
|||
|
<a href="{:U('Mobile/Goods/goodsInfo',array('id'=>$vo[goods_id]))}" class="item"><img src="{$vo.goods_id|goods_thum_images=400,400}"></a>
|
|||
|
</div>
|
|||
|
<div class="deleshow fr">
|
|||
|
<div class="deletes">
|
|||
|
<a href="{:U('Mobile/Goods/goodsInfo',array('id'=>$vo[goods_id]))}" class="item"><span class="similar-product-text fl">{$vo.goods_name|getSubstr=0,20}</span></a>
|
|||
|
</div>
|
|||
|
<div class="prices">
|
|||
|
<p class="sc_pri fl"><span>¥</span><b>{$vo[shop_price]}元</b></p>
|
|||
|
</div>
|
|||
|
<p class="weight">
|
|||
|
<span>{$vo[comment_count]}条评价</span>
|
|||
|
<span class="proli-eva">{$vo['comment_statistics']['high_rate']}%好评</span>
|
|||
|
<span goods_id="{$vo.goods_id}" class="add_cart"><img src="__STATIC__/images/red-icon-cart.png" alt=""></span>
|
|||
|
</p>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</foreach>
|
|||
|
<!--商品-e-->
|
|||
|
</empty>
|
|||
|
</div>
|
|||
|
<!--商品列表-e-->
|
|||
|
<!--综合筛选弹框-s-->
|
|||
|
<div class="fil_all_comm">
|
|||
|
<div class="maleri30">
|
|||
|
<ul>
|
|||
|
<li >
|
|||
|
<a href="<?php echo urldecode(U('Mobile/Goods/search',array_merge($filter_param,array('sort'=>'')),''));?>" class="<if condition="(I('sort') eq '')">on red</if>" >综合</a>
|
|||
|
</li>
|
|||
|
<li >
|
|||
|
<a href="<?php echo urldecode(U('Mobile/Goods/search',array_merge($filter_param,array('sort'=>'is_new')),''));?>" class="<if condition="(I('sort') eq 'is_new')">on red</if>">新品</a>
|
|||
|
</li>
|
|||
|
<li >
|
|||
|
<a href="<?php echo urldecode(U('Mobile/Goods/search',array_merge($filter_param,array('sort'=>'comment_count')),''));?>" class="<if condition="I('sort') eq 'comment_count'">on red</if>">评价</a>
|
|||
|
</li>
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<!--综合弹框-e-->
|
|||
|
|
|||
|
<!--筛选-s-->
|
|||
|
<div class="screen_wi">
|
|||
|
<div class="classreturn loginsignup">
|
|||
|
<div class="content">
|
|||
|
<div class="ds-in-bl return seac_retu">
|
|||
|
<a href="javascript:void(0);" ><img src="__STATIC__/images/return.png" alt="返回"></a>
|
|||
|
</div>
|
|||
|
<div class="ds-in-bl search center">
|
|||
|
<span class="sx_jsxz">筛选</span>
|
|||
|
</div>
|
|||
|
<div class="ds-in-bl suce_ok ">
|
|||
|
<a href="javascript:void(0);">确定</a>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<!--顶部筛选-s-->
|
|||
|
<div class="popcover">
|
|||
|
<ul>
|
|||
|
<li>
|
|||
|
<span <if condition="$Request.param.sel eq 'all' or $Request.param.sel eq 'all'">class="ch_dg"</if>>
|
|||
|
显示全部<input type="hidden" class="sel" value="all" >
|
|||
|
</span>
|
|||
|
</li>
|
|||
|
<li>
|
|||
|
<span <if condition="$Request.param.sel eq 'free_post'">class="ch_dg"</if>>
|
|||
|
仅看包邮<input type="hidden" value="free_post" >
|
|||
|
</span>
|
|||
|
</li>
|
|||
|
<li>
|
|||
|
<span <if condition="$Request.param.sel eq 'store_count'">class="ch_dg"</if>>
|
|||
|
仅看有货<input type="hidden" value='store_count'>
|
|||
|
</span>
|
|||
|
</li>
|
|||
|
<li>
|
|||
|
<span <if condition="$Request.param.sel eq 'prom_type'">class="ch_dg"</if>>
|
|||
|
促销商品<input type="hidden" value="prom_type" >
|
|||
|
</span>
|
|||
|
</li>
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
<!--筛选顶部-e-->
|
|||
|
|
|||
|
<!--一级筛选条件-s-->
|
|||
|
<div class="list-se-all ma-to-20 one-related" >
|
|||
|
<!--品牌-s-->
|
|||
|
<notempty name="filter_brand">
|
|||
|
<div class="myorder p " onclick="filtercriteria('brand')">
|
|||
|
<div class="content30" >
|
|||
|
<a href="javascript:void(0)">
|
|||
|
<div class="order" >
|
|||
|
<div class="fl">
|
|||
|
<span>品牌</span>
|
|||
|
</div>
|
|||
|
<div class="fr">
|
|||
|
<i class="Mright"></i>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</a>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</notempty>
|
|||
|
<!--品牌-e-->
|
|||
|
|
|||
|
<!--价格-s-->
|
|||
|
<if condition="$filter_price neq null">
|
|||
|
<div class="myorder p" onclick="filterprice()" >
|
|||
|
<div class="content30">
|
|||
|
<a href="javascript:void(0)">
|
|||
|
<div class="order" >
|
|||
|
<div class="fl">
|
|||
|
<span>价格</span>
|
|||
|
</div>
|
|||
|
<div class="fr">
|
|||
|
<i class="Mright"></i>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</a>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</if>
|
|||
|
<!--价格-e-->
|
|||
|
<input type="hidden" id="key" value="" />
|
|||
|
</div>
|
|||
|
<!--一级筛选条件-e-->
|
|||
|
|
|||
|
<!--二级刷选条件-->
|
|||
|
<div class="list-se-all ma-to-20 two-related">
|
|||
|
<!--商品品牌筛选-s-->
|
|||
|
<foreach name="filter_brand" item="brand" key="brandk">
|
|||
|
<div class="myorder p filter brnda" data-val='{$brand[id]}'>
|
|||
|
<div class="content30">
|
|||
|
<div class="order">
|
|||
|
<div class="fl">
|
|||
|
<span>{$brand[name]}</span>
|
|||
|
</div>
|
|||
|
<div class="fr">
|
|||
|
<i class=""><input type="checkbox" style="display: none;" value="{$brand[id]}"/></i>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</foreach>
|
|||
|
<!--商品品牌筛选-e-->
|
|||
|
|
|||
|
<!--价格筛选-s-->
|
|||
|
<foreach name="filter_price" item="price" key="pricek">
|
|||
|
<div class="myorder p tow-price">
|
|||
|
<div class="content30">
|
|||
|
<a href="{$price[href]}">
|
|||
|
<div class="order">
|
|||
|
<div class="fl">
|
|||
|
<span>{$price[value]}</span>
|
|||
|
</div>
|
|||
|
<div class="fr">
|
|||
|
<i class=""></i>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</a>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</foreach>
|
|||
|
<!--价格筛选-e-->
|
|||
|
</div>
|
|||
|
<!--二级刷选条件-e-->
|
|||
|
</div>
|
|||
|
<!--筛选-e-->
|
|||
|
|
|||
|
<!--选择属性的弹窗-s-->
|
|||
|
<form name="buy_goods_form" method="post" id="buy_goods_form">
|
|||
|
|
|||
|
</form>
|
|||
|
<!--选择属性的弹窗-e-->
|
|||
|
|
|||
|
|
|||
|
<!--底部按钮-s-->
|
|||
|
<div class="podee">
|
|||
|
<div class="cart-concert-btm p">
|
|||
|
<div class="fl">
|
|||
|
<ul>
|
|||
|
<li>
|
|||
|
<if condition="(!empty($kf_config['im_choose'])) && ($kf_config['im_choose'] eq 1)">
|
|||
|
<!--im客服-->
|
|||
|
<a class="kf" href="{:U('supplier/index')}">
|
|||
|
<i></i>
|
|||
|
<p>客服</p>
|
|||
|
</a>
|
|||
|
<elseif condition="(!empty($kf_config['im_choose'])) && ($kf_config['im_choose'] eq 2)" />
|
|||
|
<!--小能客服-->
|
|||
|
<a href="javascript:;">
|
|||
|
<i></i>
|
|||
|
<p>客服</p>
|
|||
|
</a>
|
|||
|
<else />
|
|||
|
<!--早先客服-->
|
|||
|
<!--<a href="tel:{$tpshop_config['shop_info_phone']}">-->
|
|||
|
<a href="tencent://message/?uin={$tpshop_config['shop_info_qq']}&Site=TPshop商城&Menu=yes">
|
|||
|
<i></i>
|
|||
|
<p>客服</p>
|
|||
|
</a>
|
|||
|
</if>
|
|||
|
</li>
|
|||
|
<li>
|
|||
|
<a href="{:U('Mobile/Cart/index')}" >
|
|||
|
<span id="tp_cart_info"></span>
|
|||
|
<i class="gwc"></i>
|
|||
|
<p>购物车</p>
|
|||
|
</a>
|
|||
|
</li>
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
<div class="fr">
|
|||
|
<ul>
|
|||
|
<li class="r" id="join_cart_li" style="float:right">
|
|||
|
<a class="pb_plusshopcar buy_button choise_num" href="/Mobile/Cart/index.html">去购物车</a>
|
|||
|
</li>
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<!--底部按钮-e-->
|
|||
|
|
|||
|
<script type="text/javascript" src="__STATIC__/js/sourch_submit.js"></script>
|
|||
|
<div class="mask-filter-div" style="display: none;"></div>
|
|||
|
<script>
|
|||
|
$(document).ready(function () {
|
|||
|
ajax_header_cart();
|
|||
|
});
|
|||
|
//确定按钮
|
|||
|
$('.suce_ok').click(function(){
|
|||
|
//判断当前二级筛选状态
|
|||
|
if($('.suce_ok').is('.two')) {
|
|||
|
// get_parment += 'spec=@'+key+'_'+val.join('_');
|
|||
|
//// $('.screen_wi,.popcover,.one-related').show();
|
|||
|
//// $('.two-related').hide();
|
|||
|
//// $('.sx_jsxz').html('筛选');
|
|||
|
//// $('.suce_ok').removeClass('two');
|
|||
|
var t=$('#key').attr('class');
|
|||
|
submitMoreFilter(t);
|
|||
|
}else{
|
|||
|
var sel = $('.sel').val();
|
|||
|
// 组装请求的url
|
|||
|
var url = '';
|
|||
|
for ( var k in get_parment )
|
|||
|
{
|
|||
|
if(k != 'a' && k != 'c' && k != 'm' && k!='price'){
|
|||
|
url += "&"+k+'='+get_parment[k];
|
|||
|
}
|
|||
|
}
|
|||
|
if(sel){
|
|||
|
url += '&sel='+sel;
|
|||
|
}
|
|||
|
location.href= "/index.php?m=Mobile&c=Goods&a=search"+url;
|
|||
|
}
|
|||
|
})
|
|||
|
//返回按钮
|
|||
|
$('.seac_retu').click(function(){
|
|||
|
//判断当前二级筛选状态
|
|||
|
if($('.suce_ok').is('.two')){
|
|||
|
$(".filterspec").each(function(i,o){
|
|||
|
//去掉全部选择
|
|||
|
$(o).find('.fr input').attr('checked',false);
|
|||
|
});
|
|||
|
$('#key').removeAttr('class');
|
|||
|
//显示一级筛选
|
|||
|
$('.screen_wi,.popcover,.one-related').show();
|
|||
|
$('.two-related').hide();
|
|||
|
$('.sx_jsxz').html('筛选');
|
|||
|
$('.suce_ok').removeClass('two');
|
|||
|
}else{
|
|||
|
$('.screen_wi').animate({width: '0', opacity: 'hide'}, 'normal',function(){
|
|||
|
undercover();
|
|||
|
$('.screen_wi').hide();
|
|||
|
});
|
|||
|
}
|
|||
|
})
|
|||
|
//筛选弹窗的品牌筛选
|
|||
|
function filtercriteria(criteria){
|
|||
|
$('#key').addClass(criteria);
|
|||
|
$('.filter').show();
|
|||
|
$('.tow-price').hide();
|
|||
|
}
|
|||
|
|
|||
|
//筛选弹窗的价格筛选
|
|||
|
function filterprice(){
|
|||
|
$('.tow-price').show();
|
|||
|
$('.filter').hide();
|
|||
|
}
|
|||
|
|
|||
|
//加载更多商品
|
|||
|
var page = 1;
|
|||
|
/*** ajax 提交表单 查询订单列表结果*/
|
|||
|
var ajax_status = 1;
|
|||
|
function ajax_sourch_submit(){
|
|||
|
if(ajax_status == 0){
|
|||
|
return false;
|
|||
|
}
|
|||
|
ajax_status = 0;
|
|||
|
page += 1;
|
|||
|
$.ajax({
|
|||
|
type : "GET",
|
|||
|
url:"{:U('Mobile/Goods/search')}",//+tab,
|
|||
|
data:{brand_id:'{$Request.param.brand_id}',id:'{$Request.param.id}',sort:'{$Request.param.sort}',sort_asc:'{$Request.param.sort_asc}',sel:'{$Request.param.sel}',q:$('#q').val(),is_ajax:1,p:page},
|
|||
|
success: function(data)
|
|||
|
{
|
|||
|
ajax_status = 1;
|
|||
|
if($.trim(data) == ''){
|
|||
|
// $('#getmore').hide();
|
|||
|
}else{
|
|||
|
$("#goods_list").append(data);
|
|||
|
}
|
|||
|
}
|
|||
|
});
|
|||
|
}
|
|||
|
|
|||
|
//筛选菜单栏切换效果
|
|||
|
var lb = $('.search_list_dump .lb')
|
|||
|
var fil = $('.fil_all_comm');
|
|||
|
var cs = $('.classreturn,.search_list_dump');
|
|||
|
var son = $('.search_list_dump .jg').siblings();
|
|||
|
$(function(){
|
|||
|
$('.storenav ul li span').click(function(){
|
|||
|
$(this).parent().parent().addClass('red').siblings('li').removeClass('red')
|
|||
|
if(!$(this).hasClass('lb')){
|
|||
|
fil.hide();
|
|||
|
undercover();
|
|||
|
cs.removeClass('pore');
|
|||
|
}
|
|||
|
if(!$(this).hasClass('jg')){
|
|||
|
son.removeClass('bpr1');
|
|||
|
son.removeClass('bpr2');
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
|
|||
|
//综合
|
|||
|
lb.click(function(){
|
|||
|
fil.show();
|
|||
|
cover();
|
|||
|
cs.addClass('pore');
|
|||
|
});
|
|||
|
|
|||
|
lb.html($('.on').html());
|
|||
|
|
|||
|
|
|||
|
//显示隐藏筛选弹窗
|
|||
|
$('.search_list_dump .sx').click(function(){
|
|||
|
$('body').css('position','relative');
|
|||
|
$('.screen_wi').animate({width: '14.4rem', opacity: 'show'}, 'normal',function(){
|
|||
|
$('.screen_wi').show();
|
|||
|
cover();
|
|||
|
});
|
|||
|
})
|
|||
|
|
|||
|
// 筛选顶部 筛选1-popcover
|
|||
|
$('.popcover ul li span').click(function(){
|
|||
|
//给span添加样式,并给其子代input添加class
|
|||
|
$(this).addClass('ch_dg').find('input').addClass('sel');
|
|||
|
$(this).parent('li').siblings('li').find('span').removeClass('ch_dg')
|
|||
|
.find('input').removeClass('sel');
|
|||
|
})
|
|||
|
|
|||
|
// 一级筛选条件筛选2-one-related
|
|||
|
$('.one-related .myorder .order').click(function(){
|
|||
|
$('.two-related').show();
|
|||
|
$('.suce_ok').addClass('two');
|
|||
|
$('.tow-price,.one-related,.popcover').hide();
|
|||
|
$('.sx_jsxz').html($(this).find('.fl span').text());
|
|||
|
})
|
|||
|
|
|||
|
//筛选3-two-related
|
|||
|
$(function(){
|
|||
|
$('.two-related .myorder .order').click(function(){
|
|||
|
var mright = $(this).find('.fr i');
|
|||
|
var input = mright.find("input");
|
|||
|
mright.toggleClass('Mright');
|
|||
|
//改变复选框状态
|
|||
|
mright.hasClass('Mright') ? input.attr('checked',true) : input.attr('checked',false);
|
|||
|
})
|
|||
|
})
|
|||
|
|
|||
|
//切换商品排列样式
|
|||
|
$('.listorimg').click(function(){
|
|||
|
$(this).toggleClass('orimg');
|
|||
|
$('#goods_list').toggleClass('addimgchan');
|
|||
|
})
|
|||
|
})
|
|||
|
|
|||
|
//############ 点击多选确定按钮 ############
|
|||
|
// t 为类型 是品牌 还是 规格 还是 属性
|
|||
|
// btn 是点击的确定按钮用于找位置
|
|||
|
get_parment = <?php echo json_encode($_GET); ?>;
|
|||
|
function submitMoreFilter(t){
|
|||
|
var val = new Array(); // 请求的参数值
|
|||
|
$(".filter").each(function(i,o){
|
|||
|
var che=$(o).find('.fr input');
|
|||
|
if(che.attr('checked')){ //选中的值
|
|||
|
val.push(che.val());
|
|||
|
}
|
|||
|
});
|
|||
|
// 没有被勾选的时候
|
|||
|
if(key == ''){
|
|||
|
return false;
|
|||
|
}
|
|||
|
// 品牌
|
|||
|
if(t == 'brand')
|
|||
|
{
|
|||
|
get_parment.brand_id = val.join('_');
|
|||
|
}
|
|||
|
|
|||
|
// 组装请求的url
|
|||
|
var url = '';
|
|||
|
for ( var k in get_parment )
|
|||
|
{
|
|||
|
if(k != 'a' && k != 'c' && k != 'm') {
|
|||
|
url += "&" + k + '=' + get_parment[k];
|
|||
|
}
|
|||
|
}
|
|||
|
location.href ="/index.php?m=Mobile&c=Goods&a=search"+url;
|
|||
|
}
|
|||
|
|
|||
|
$(document).on("click",".add_cart",function(e){
|
|||
|
var goods_id=$(this).attr("goods_id");
|
|||
|
$.post("{:U('Mobile/Goods/Goodsinfo2')}",{'id':goods_id},function(res){
|
|||
|
$('#buy_goods_form').html(res);
|
|||
|
$('#join_cart').text('确定');
|
|||
|
$('#join_cart').width('100%').show();
|
|||
|
$('#join_cart').attr('data-id',1);
|
|||
|
$('.choose_shop_aready').show();
|
|||
|
$('.podee').hide();
|
|||
|
//$('.mask-filter-div').show();
|
|||
|
});
|
|||
|
})
|
|||
|
|
|||
|
//ajax请求购物车列表
|
|||
|
function ajax_header_cart(){
|
|||
|
var cart_cn = getCookie('cn');
|
|||
|
if (cart_cn == '') {
|
|||
|
$.ajax({
|
|||
|
type: "GET",
|
|||
|
url: "/index.php?m=Home&c=Cart&a=header_cart_list",//+tab,
|
|||
|
success: function (data) {
|
|||
|
cart_cn = getCookie('cn');
|
|||
|
}
|
|||
|
});
|
|||
|
}
|
|||
|
$('#tp_cart_info').html(cart_cn);
|
|||
|
}
|
|||
|
|
|||
|
// function ajax_sourch_submit(){};//没用,只是为了覆盖头部引用的JS
|
|||
|
</script>
|
|||
|
</body>
|
|||
|
</html>
|