標題:
[分享]
ecshop 如何實現商品列表頁屬性篩選區品牌篩選以LOGO形式展示
[打印本頁]
作者:
最模板
時間:
2013-11-27 18:20
標題:
ecshop 如何實現商品列表頁屬性篩選區品牌篩選以LOGO形式展示
很多時候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;
}
歡迎光臨 ECSHOP 交流討論區 (http://ecshop.tw/bbs/)
Powered by Discuz! 7.0.0