求助:商品列表的图片太小,而且默认一列是五个,我想改成三个,图片调大

2016-07-07 16:18 来源:www.chinab4c.com 作者:ecshop专家

商品列表的图片太小,无法清晰看清楚,我想改成大概两百多像素的..而且默认一列是五个,我想改成三个就可以了.再把图片的尺寸调大,刚好占一行,我已经在后面把缩略图大小调整也重新生成过了.但图片框架好像有大小的限制,大小还是没变,只是变形了


一行放几个这个没办法改啊...请教一下大家怎么修改,听说要改CSS,不知道要在哪改呢?急等....拜托....

回答:
解决方法如下我是把每行换成四个商品,然后图片大小和外框大小调大.)

改的是themes\default\stylee.css,这个文件..代码改成
/*单个商品*/
.goodsItem{width:150px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
.goodsItem .goodsimg{width:146px; height:115px; border:2px solid #eef8ff; margin-bottom:4px;}


width:150px;这个是改边框的大小,调整为150宽度
width:146px; height:115px,这是改商品的大小,图片要比边框略小几个象素,我是差四个像素...
1.大家在调整宽度的时候要注意缩略图片的宽度要和高度成比例,不然图片会变形哦.就是说height要根据你图片的比例来调,不能照抄我的哦.
2.最后一步是在商店设置--显示设置里,把你的缩略图的大小改为:146115再点图片批量处理,处理完就OK了.

解决以后,方法共享给大家
楼主厚道

好人啊,真是大好人!

谢谢楼主和解决问题的人

margin:0px 14px 15px 14px;}


这几个参数代表什么意思。设定150px宽度,右边还余下很多空白空间、没利用??

非常感谢楼主分享!
回楼上的朋友:margin:0px 14px 15px 14px是商品框的边界,至于右边还留下很多空白,这是你的边框的大小参数设置太小了。你可以慢慢调试到合适于自己的大小嘛。

不是default模板就找不到这些代码了其他模板怎么改呢

如果是用的default以外的新模板,是不是要修改新模板的style.css?

不错,一定要支持一下