ecshop详情页商品三级联动搜索

1.在index.php添加
//三级联动 传递厂商名列表 begin
    $sql_cs="select distinct(attr_value) from ".$GLOBALS['ecs']->table('goods_attr')."where attr_id=11";//所有厂商  缩写cs
    $row_cs=$GLOBALS['db']->getAll($sql_cs);
    $smarty->assign('changshang',$row_cs);
    //三级联动 end

向模板页传参

2.在category_tree.lbi下方添加

<div class="zhss-xg2 cf">
<table width="1000px" border="0" cellpadding="0" cellspacing="1" bgcolor="#deddde">
<tr>
<td bgcolor="#dfdddd" valign="middle" width="192" class="cat_tree_title">
按车型搜索</td>
<td bgcolor="#dfdddd" valign="middle" width="808" class="cat_tree_child">
    
<select style="height: 25px;border: 1px solid #DBD9D9;margin-top: 8px;display: inline;" name="choose1" οnchange='loadXMLDoc_cm()' id='cs'>
    <option value='0'>--厂 商-- </option>
    <!-- {foreach from=$changshang item=cs } -->
  <option value='1'>{$cs[attr_value]}</option>
  <!--{/foreach}-->
</select>    

<select style="height: 25px;border: 1px solid #DBD9D9;margin-top: 8px;display: inline;" name="choose2" id='cm' οnchange='loadXMLDoc_cx()'>
    <option value='0'>--车 名--</option>
</select>    

<select style="height: 25px;border: 1px solid #DBD9D9;margin-top: 8px;display: inline;" name="choose3" id='cx'>
    <option value='0'>--车 型--</option>
</select>   
<input name="" type="button" style="width: 64px;  height: 25px;  background: none repeat scroll 0% 0% #275D8A; text-align: center;line-height: 25px;    color: #FFF;    cursor: pointer;    margin-left: 20px;    display: inline;" value="搜索" οnclick='my_ld_search()'>
</td>
</tr>
</table>
</div>

此时效果图:


3.接下来处理ajax请求车名  车型的联动

在common.js中添加

//联动搜索 begin
 function my_ld_search(){
   var keyword='';
            var selectIndex_cx_index = document.getElementById("cx").selectedIndex;//获得是第几个被选中了
            var selectText_cx_value= document.getElementById("cx").options[selectIndex_cx_index].value //获得被选中的项目的文本
            var selectText_cx_text= document.getElementById("cx").options[selectIndex_cx_index].text;

            var selectIndex_cm_index = document.getElementById("cm").selectedIndex;//获得是第几个被选中了
            var selectText_cm_value= document.getElementById("cm").options[selectIndex_cm_index].value //获得被选中的项目的文本
            var selectText_cm_text= document.getElementById("cm").options[selectIndex_cm_index].text;

            var selectIndex_cs_index = document.getElementById("cs").selectedIndex;//获得是第几个被选中了
            var selectText_cs_value= document.getElementById("cs").options[selectIndex_cs_index].value //获得被选中的项目的文本
            var selectText_cs_text= document.getElementById("cs").options[selectIndex_cs_index].text;
            if(selectText_cx_value!=0){
                  keyword=selectText_cx_text;
            }else if(selectText_cm_value!=0){
                 keyword=selectText_cm_text;
            }else if(selectText_cs_value!=0){
                 keyword=selectText_cs_text;
            }
            
            document.getElementById('keyword').value=keyword;
            document.getElementById('searchForm').submit();
 }
function loadXMLDoc_cx()
{
   var selectIndex2 = document.getElementById("cm").selectedIndex;//获得是第几个被选中了
            var selectText2= document.getElementById("cm").options[selectIndex2].text //获得被选中的项目的文本
            
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      var d=xmlhttp.responseText;
     
     document.getElementById("cx").options.length=0; 
     document.getElementById("cx").options.add(new Option('-车型-',0)); 
                                     
                                    var str=d.split(',');
                                    for(var i=0;i<str.length;i++){
                                      document.getElementById("cx").options.add(new Option(str[i],1));
                                         // $("#cx").append("<option value='1'>"+str[i]+"</option>");
                                    }
    }
  }
xmlhttp.open("GET","liandongchildren.php?selectText2="+selectText2,true);
xmlhttp.send();
}
function loadXMLDoc_cm()
{
  var selectIndex_cs_index = document.getElementById("cs").selectedIndex;//获得是第几个被选中了
            var selectText_cs_value= document.getElementById("cs").options[selectIndex_cs_index].value //获得被选中的项目的文本
            var selectText_cs_text= document.getElementById("cs").options[selectIndex_cs_index].text;
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      var d=xmlhttp.responseText;
     
     document.getElementById("cm").options.length=0; 
     document.getElementById("cm").options.add(new Option('-车名-',0)); 
                                     
                                    var str=d.split(',');
                                    for(var i=0;i<str.length;i++){
                                      document.getElementById("cm").options.add(new Option(str[i],1));
                                         // $("#cx").append("<option value='1'>"+str[i]+"</option>");
                                    }
    }
  }
xmlhttp.open("GET","liandongchildren.php?selectText="+selectText_cs_text,true);
xmlhttp.send();
}
//联动搜索 end

上面是ajax请求与响应  接下来添加处理请求的页面liandongchildred.php在根目录

<?php
	
	 $con=mysql_connect('localhost','admin','admin');
      mysql_query('set names utf8');
      mysql_select_db('shop');
if(!empty($_GET['selectText'])){//厂商
	 $sql_goods_id_list="select goods_id from shop_goods_attr where attr_id=11 and attr_value='".$_GET['selectText']."'";//选中厂商对应的goods_id  根据goods_id提取厂名 
       
       $query_goods_id_list=mysql_query($sql_goods_id_list);
       $goods_id_arr='(';
    while($goods_id_list=mysql_fetch_assoc($query_goods_id_list)){
    	$goods_id_arr.="'".$goods_id_list['goods_id']."',";
    }
    $goods_id_arr=trim($goods_id_arr,',');
  	$goods_id_arr.=")";
	$sql_cm="select distinct(attr_value) from  shop_goods_attr where attr_id=1 and goods_id in ".$goods_id_arr;
	$cm_arr='';
	$query_cm=mysql_query($sql_cm);
	while($row_cm=mysql_fetch_assoc($query_cm)){
	$cm_arr.=$row_cm['attr_value'].",";
	}
	$cm_arr=trim($cm_arr,',');
	print_r($cm_arr);
}elseif (!empty($_GET['selectText2'])) {//车型
	 $sql_goods_id_list="select goods_id from shop_goods_attr where attr_id=1 and attr_value='".$_GET['selectText2']."'";//选中厂商对应的goods_id  根据goods_id提取厂名 
       $query_goods_id_list=mysql_query($sql_goods_id_list);
       $goods_id_arr='(';
    while($goods_id_list=mysql_fetch_assoc($query_goods_id_list)){
    	$goods_id_arr.="'".$goods_id_list['goods_id']."',";
    }
    $goods_id_arr=trim($goods_id_arr,',');
  	$goods_id_arr.=")";
	$sql_cm="select distinct(attr_value) from  shop_goods_attr where attr_id=9 and goods_id in ".$goods_id_arr;
	$cx_arr='';
	$query_cm=mysql_query($sql_cm);
	while($row_cm=mysql_fetch_assoc($query_cm)){
	$cx_arr.=$row_cm['attr_value'].",";
	}
	$cx_arr=trim($cx_arr,',');
	print_r($cx_arr);
}
      
	
?>
4.在search.php页也添加这段

//三级联动 传递厂商名列表 begin
    $sql_cs="select distinct(attr_value) from ".$GLOBALS['ecs']->table('goods_attr')."where attr_id=11";//所有厂商  缩写cs
    $row_cs=$GLOBALS['db']->getAll($sql_cs);
    $smarty->assign('changshang',$row_cs);
    //三级联动 end

完。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
安装说明: 1. 复制search 目录到网站根目录,请不要修改此文件夹的名称 2. 初次安装, 访问: 域名/search/baseline.php 例如:你的域名是www.ahuoo.com, 那么请访问 www.ahuoo.com/search/baseline.php 3. 修改代码 1.先备份网站根目录的search.php,然后用插件里面的替换掉 2.在模版中找到商品搜索页中的商品名称显示语句,有些模版在library/search_goods_list.lbi文件中,如果没有search_goods_list.lbi文件那就在search.dwt文件中。 语句如: <a href="{$goods.url}" title="{$goods.goods_name|escape:html}" class="name">{$goods.goods_name}</a> 将其中的{$goods.goods_name}改为{$goods.new_goods_name} 3. 在admin\goods.php文件中找到如下代码: sys_msg($is_insert ? $_LANG['add_goods_ok'] : $_LANG['edit_goods_ok'], 0, $link); 在此代码上一行前添加如下代码: require_once ('../search/delta.php'); //ahuoo 4. 在admin\category.php文件中找到如下代码: sys_msg($_LANG['catedit_succed'], 0, $link); 在此代码上一行前添加如下代码: require_once ('../search/delta.php'); //ahuoo 4. 如果需要添加自定义关键词可访问: 域名/search/add_word.php 一般情况下是不需要的。 插件原理: Ecshop默认情况下搜索是根据数据库按搜索的字符串去匹配,不能自动根据需要去自动分词。 例如:你搜索“李宁安踏” 标题里面必须要有“李宁安踏”才能出来, 如果某个商品标题只有“李宁”是不会出来的,这样对于普通的用户是不友好的。 本插件提供的功能: 1.提供一种强大的分词搜索,用户可以不用空格某几个分词,随便打一个句子就可以搜索出对应的结果 2.可以自定义分词。 3.搜索结果自动按照相关度排序,相关度越相关,越排在最前面。 插件为试用版,如果正式使用可以联系作者购买,当前只索引了商品的标题和分类信息,如果需要索引商品详情可以定制化开发,shopex也会有对应的版本。 插件作者 :阿虎 QQ:1976468723 演示地址: 前台:http://ahuoo.com/ec/search.php?encode=YTo0OntzOjg6ImNhdGVnb3J5IjtzOjE6IjAiO3M6ODoia2V5d29yZHMiO3M6MTI6IuiBlOmAmuS4ieaYnyI7czoxMDoiaW1hZ2VGaWVsZCI7czowOiIiO3M6MTg6InNlYXJjaF9lbmNvZGVfdGltZSI7aToxNDQ5MDYxNTAzO30= 后台: http://ahuoo.com/ec/admin 用户名/密码:test/test123
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

胡德咏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值