ecshop实现商品列表页属性筛选区品牌筛选以LOGO形式展示

最新推荐文章于 2021-06-29 15:17:27 发布

aitong9174

最新推荐文章于 2021-06-29 15:17:27 发布

阅读量105

点赞数

文章标签： php

原文链接：http://www.cnblogs.com/temps/p/3975654.html

版权

很多时候ecshop分类页的品牌都是以名称的形式显示的，下面ECSHOP开发中心的技术和大家说说ecshop 如何实现商品列表页属性筛选区品牌筛选以LOGO形式展示

1、修改 category.php 文件，将（大概220行）
找到

 
         $sql  
         =  
         "SELECT b.brand_id, b.brand_name, COUNT(*) AS goods_num " 
         .

替换成

 
         $sql  
         =  
         "SELECT b.brand_id,b.brand_logo, b.brand_name, COUNT(*) AS goods_num " 
         .

2、在（大概232行）
找到

 
    
         $brands 
         [ 
         $temp_key 
         ][ 
         'brand_name' 
         ] =  
         $val 
         [ 
         'brand_name' 
         ]; 
        
 
  

在它下面增加

 
    
         $brands 
         [ 
         $temp_key 
         ][ 
         'brand_logo' 
         ] =  
         $val 
         [ 
         'brand_logo' 
         ]; 
        
 
  

3、在（大概242行或246行）

找到

 
    
         $brands 
         [0][ 
         'brand_name' 
         ] =  
         $_LANG 
         [ 
         'all_attribute' 
         ]; 
        
 
  

在它下面增加

 
         $brands 
         [0][ 
         'brand_logo' 
         ]= 
         '' 
         ;

4、修改 category.dwt 文件查找

 
         <span>{ 
         $brand 
         .brand_name}</span>

替换成：

 
    
         <span>{ 
         if  
         $brand 
         .brand_logo}<img src= 
         "/data/brandlogo/{$brand.brand_logo}"  
         width= 
         "40px" 
         height= 
         "40px" 
         > 
        
 
                            
         { 
         else 
         }{ 
         $brand 
         .brand_name}{/ 
         if 
         }</span> 
        
 
  

5、继续找到

 
         <a href= 
         "{$brand.url}" 
         >{ 
         $brand 
         .brand_name}</a>

替换成

 
    
         <div  
         class 
         = 
         "akl"  
         style="margin-left:2px;min-height:0px; margin-top:5px; width:178px; height:60px; border:1px dotted #009900; 
        
 
           
         display: -moz-inline-stack;display: inline-block; vertical-align:bottom;text-align:center;zoom:1;*display:inline;"> 
        
 
         <a href= 
         "{$brand.url}"  
         style= 
         "" 
         >{ 
         if  
         $brand 
         .brand_logo}<img src= 
         "data/brandlogo/{$brand.brand_logo}"  
         width= 
         "172"  
         height= 
         "60"  
         > 
        
 
         { 
         else 
         }{ 
         $brand 
         .brand_name}{/ 
         if 
         }</a></div> 
        
 
  

注：第5步品牌的logo 大小已经定义，width=172 height=60；可自行调整自己想要的logo的大小，依你自身的情况而定

6、添加CSS样式打开style.css 将下面一段代码放在它的底部

 
         div.akl:hover{filter:alpha(opacity= 
         50 
         ); 
        
         -moz-opacity:  
         0.5 
         ; 
        
         opacity:  
         0.5 
         ; 
        
         }