themes/default/
目录下。,3. 打开对应的模板文件,brand_list.dwt,在适当位置插入以下代码:,,
`php,{foreach name="brand" id="brand" from=$brands},,,{$brand.name},,{/foreach},
`,,4. 保存修改后的模板文件并上传到服务器。,5. 清除缓存,刷新页面查看效果。,,这样,品牌筛选将以LOGO图片形式显示。注意替换
$brands`变量为实际的品牌数据集合。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 "
原始代码位置:约232行
原始代码:$brands[$temp_key]['brand_name'] = $val['brand_name'];
修改后代码:在下面增加$brands[$temp_key]['brand_logo'] = $val['brand_logo'];
原始代码位置:约242行或246行
原始代码:$brands[0]['brand_name'] = $_LANG['all_attribute'];
修改后代码:在下面增加$brands[0]['brand_logo']='';
2、修改 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>
原始代码位置:查找<a href={$brand.url}>{$brand.brand_name}</a>
修改后代码:替换为
```html
<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;*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>
```
注:品牌的logo大小已经定义,宽度为172px,高度为60px;可自行调整所需的logo大小。
3、添加CSS样式
操作:打开style.css文件,将以下代码添加到底部:
```css
div.akl:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
```
相关问题与解答栏目
1、问题一:如果在修改category.php文件时遇到权限问题怎么办?
回答:确保你有足够的权限来修改文件,如果使用的是共享服务器,可能需要联系主机提供商获取更高的权限,如果是本地开发环境,可以尝试以管理员身份运行编辑器。
2、问题二:如何调整品牌LOGO的大小以适应不同的设计需求?
回答:在category.dwt文件中,可以找到以下代码:
```html
<img src="/data/brandlogo/{$brand.brand_logo}" width="172" height="60">
```
这里的width和height属性决定了LOGO的大小,你可以根据需要调整这些值来改变LOGO的显示尺寸,如果你想把LOGO的宽度改为200像素,高度改为80像素,可以这样修改:
```html
<img src="/data/brandlogo/{$brand.brand_logo}" width="200" height="80">
```
通过以上步骤和代码示例,你应该能够成功地将ECShop中的品牌筛选以LOGO图片形式展示,希望这对你有所帮助!
以上就是关于“修ecshop品牌筛选以LOGO图片形式显示”的问题,朋友们可以点击主页了解更多内容,希望可以够帮助大家!