首页商品缩略图如何改大小
2016-07-07 16:17 来源:www.chinab4c.com 作者:ecshop专家
首页商品缩略图如何改大小,怎么在后台设置了,前台都没变化的,有高手可以说说吗?请说详细些哦 |
回答:
ECSHOP 管理中心- 商店设置-- 显示设置---图片大小 然后批处理商品图片 可以参考这里 http://bbs.ecshop.com/thread-102878-1-1.html |
如果还不行 然后打开根目录\themes\模板名称\style.css 文件 找到 /*单个商品*/ .goodsItem{width:110px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;} .goodsItem .goodsimg{width:100px; height:100px; border:4px solid #eef8ff; margin-bottom:4px;} 注意上面红色的位置 修改位 /*单个商品*/ .goodsItem{width:170px; float:left; position:relative; overflow:hidden; margin:0px 5px 15px 5px;} .goodsItem .goodsimg{width:160px; height:160px; border:4px solid #eef8ff; margin-bottom:4px;} 简单说明一下:第一行中的 width:170px; 是说这个图片的宽度如果超过了170px就切断,多余的部分不会被显示。 margin:后面的4个参数分别是这个图片的4个外边距(上、右、下、左)。因为原来的图片只有100px而现在大了所以要调整他们的外边距。 第二行中的 width 与 height 分别是图片的宽度与高度。这个有点CSS知识的人都会知道很简单。 最后,到后台-模板管理-模板设置-将“精品推荐”、“新品上架”、“热卖商品”后面的数量修改为 8 就可以了。 最终的效果是。在“精品推荐”、“新品上架”、“热卖商品”3个栏目中,每行会显示4个高度、宽度为160PX的图片。共2行。 好了。更多小技巧希望大家分享 -------------------------------------------------------------------------------------------------------------------- 更新内容:刚才有人发短信跟我说了一个问题。的确。假设我们把图片修改到了160X160那么商品名称的长度就会出现短的问题。 下面就这个问题简单说明一下。开始我简单的认为。在后台-商店设置-显示设置-将商品名称的长度就改到15 就可以了。可实际修改了一下却发现 “今日特价”中的商品名称的长度也变宽了。导致2行显示。而且连“销售排行”的商品名称也是2行显示的。很丑。怎么办呢。简单的研究了一下。给出的方法如下: 先将商品名称的长度改到15。然后打开 根目录\themes\模板名称\library\recommend_promotion.lbi (这个是修改特价的) 找到<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a></p> 将其修改为 <p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|truncate:8:"...":true}</a></p> 注意红色的部分。就是说名,只显示这么多字。超出的部分用 ...代替。 然后打开 根目录\themes\模板名称\library\top10.lbi (这个是修改销售排行的) 找到 {$goods.short_name} 修改为 {$goods.short_name|truncate:11:"...":true} 即可。如果有仍然有长度问题。就调整 truncate:后面的参数就可以了 |
你可以参考下 http://bbs.ecshop.com/viewthread ... mp;extra=#pid422864 |
最近更新
常用插件
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
ecshop热门问答
ecshop热门资料
cls_page.php
ecshopdreamweaver
ecshop小记
ecshop1054
ecshop会员服务
ecshop申通单号
ecshop天才
ecshop三栏
ecshop预算
ecshop用户体验
ecshop我的健康我做主
ecshop付通
ecshop次级目录
ecshop购买记录缩写
hdwiki的block
ecshop后台
ecshop置顶
ecshop灵动工作室
ecshop右边
ecshop美工
ecshop求人
ecshop有误
ecshop东京
ecshop是什么意思
oss
ecshopoffice
ecshop对决
ecshop战略投资
ecshop免费模板
ecshop邮箱