ecshop实现商品列表页属性筛选区品牌筛选以LOGO形式展示
时间:2024年02月06日
/来源:网络
/编辑:佚名
很多时候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;
}
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;
}
新闻资讯 更多
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 9帝国cms后台登录出现”您还未登录”怎么解决?
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法