Blueocean首页商品缩略图怎么改

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



把页商品缩略图图片改大点

12.jpg (12.79 KB)

12.jpg


回答：
没人会？？？

我也遇到这样的问题，找了很久，找不出办法解决，有没有高手帮忙下，首页略缩图大小，还有略缩图之间的间距，怎么修改？期盼得到解决，网店：http://www.nikexie.org/

可能现在还没什么人用这个模板吧

Q 6969231

打开themes\Blueocean\style.css

/*--- goods_grid2 ---*/
.goods_grid2{margin:0; overflow:hidden; zoom:1; display:inline;}
.goods_grid2 li{width:89px; display:inline; overflow:hidden; margin-left:30px; height:150px; padding:4px 0 5px 0; float:left;}
.goods_grid2 .img{width:85px; height:72px; background:#fff; border:1px #bcc1ca solid; margin:0 auto; display:block;}
.goods_grid2 .img img{width:85; height:72px;}
.goods_grid2 .name{ display:block; line-height:18px; overflow:hidden; zoom:1; text-align:center;}
.goods_grid2 .name a{font-size:12px; font-weight:bold; line-height:18px; color:#363e4a;}
.goods_grid2 .price{ font-size:12px; line-height:16px; height:16px; margin-bottom:5px; color:#47bec5; text-align:center; display:block; font-weight:bold;}
.goods_grid2 .market{font-size:12px; text-align:center; height:14px; line-height:14px; font-weight:normal; color:#8c8c8c;text-decoration:line-through;}
.goods_grid2 .btn_list{ display:block; text-align:left; padding-left:8px;}


默认 宽度 85高度 72
更改一下你的后台生成缩略图尺寸
或者
调节前台CSS（调节可能会比较麻烦）

建议更改一下你的后台生成缩略图尺寸

css可以控制。

留个脚印



6# bjecshop

不只是要要grid2罢了。。
以下的也要改，不然当用户click进其中一个product category就会发觉不一样了。

/*--- goods_grid ---*/.goods_grid{margin:0; overflow:hidden; zoom:1; display:inline;}
.goods_grid li{width:90px; display:inline; overflow:hidden; margin-left:30px; height:180px; padding:4px 0 5px 0; float:left;}.goods_grid .img{width:95px; height:85px; background:#fff; border:1px #bcc1ca solid; margin:0 auto; display:block;}.goods_grid .img img{width:110; height:100px;}
.goods_grid .name{ display:block; line-height:16px; overflow:hidden; zoom:1; word-wrap: break-word; word-break: normal; text-align:center;}
.goods_grid .name a{font-size:12px; font-weight:bold; line-height:16px; color:#363e4a;}
.goods_grid .price{ font-size:12px; line-height:14px; height:14px; margin-bottom:3px; color:#47bec5; text-align:center; display:block; font-weight:bold;}
.goods_grid .market{font-size:12px; text-align:center; height:14px; line-height:14px; font-weight:normal; color:#8c8c8c; text-decoration:line-through;}
.goods_grid .btn_list{ display:block; text-align:left; padding-left:8px;}
.goods_grid .btn_list img{display:block; margin:0 auto; margin-bottom:2px;}