使joyo模板首页在任何分辨率下一行始终显示四个商品

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

演示：
http://shop.gzsjzx.com
http://shop2.gzsjzx.com
1，加入页面最小宽度值：
将style.css中的：
  1. * html .minwidth {border-left:800px solid #fff; position:relative; float:left; z-index:1;}
  2. * html .neirong {margin-left:-800px; position:relative; float:left; z-index:2;}
复制代码
改为：
  1. * html .minwidth {border-left:960px solid #fff; position:relative; float:left; z-index:1;}
  2. * html .neirong {margin-left:-960px; position:relative; float:left; z-index:2;}
复制代码
2，修改flash的长度：
将index.dwt中：
  1. var swf_width=330;
复制代码
改为：
  1. var swf_width=520;
复制代码
3，首页一行显示四个商品
打开style.css搜索
  1. .product-list li {
  2. list-style:none;
  3. margin-bottom:5px;
  4. float:left;
  5. width:160px;
  6. margin-left:8px;/*产品列表区*/
  7. }
复制代码
修改为：
  1. .product-list li {
  2. list-style:none;
  3. margin-bottom:5px;
  4. float:left;
  5. width:24.5%;
  6. }
复制代码

回答：
自己顶一下！哈哈

很好，很强大。

very good very strong...

www.ugoo.cc

我的也改了，呵呵...

顶，谢谢分享

1.我改为4个一行以后 下面的字都连在一起啦请问 在那里修改 图片下面 的“市场价格”和“本店售价” 这些啊 想改短点，，
2.还有 我不管吧多少商品 都加入”精品推荐“ 但后来还是只有3个 也就是一行 显示在首页，请问我想吧精品推荐 等栏目 ，请问改那里可以 如果商品够显示两行就显示两行 ，

谢谢啦！！

可以，虽说我暂时不用

感觉没有必要显示四个

就喜欢这样的形式的 东西 多少我能看懂怎么做 先谢了 再定了

回7楼的,你那个问题可能是后台商店设置里显示设置的默认数量没改,EC默认数量是显示3个商品

终于找到答案了，正是我要的东西。先谢谢了

为什么我都改对了 还是只显示3个啊！ www.soft688.com

用IE8 或IE9的调试CSS的功能找到你要改的CSS，改CSS 就可以了，很方便的。

我已经解决了 参考：http://www.ddgow.com/article.php?id=38
http://bbs.ecshop.com/thread-158264-1-1.html