怎样修改首页商品名称在图片下面，商品数一行4个

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

我用的sports模板
首页的商品目前都是一行2个，我看sports模板的官方图片显示的一行是3个。
如何更改？是否可以一行显示4个商品。

product-list li 中width:280px; 虽然改小数值以后可以一行显示3个 但是不论改的在小 始终只显示3个 空白的地方甚至可以放下2个商品。

由于改小了width 的数值 商品名称会因为长度显示的成竖的，或者分行，很难看，怎么样让商品名称和价格始终在图片下面显示？


回答：
原帖由 alick910 于 2007-8-7 19:25 发表
修改模板文件包内的style.css文件可以解決！

能不能告知修改style.css里那一段？

原帖由 wpdr 于 2007-8-7 17:03 发表
我用的sports模板
首页的商品目前都是一行2个，我看sports模板的官方图片显示的一行是3个。
如何更改？是否可以一行显示4个商品。



演示也是两个。

搜索product-list。

这个图显示的是一排3个

无标题.jpg (8.63 KB)

无标题.jpg


.product-list {
color:#244A01;
background-color:#FFFFFF;
padding-left:8px;
/*产品列表区域块*/
}

.product-list li {
width:280px;
height:150px;
float:left;
list-style:none;
border-top:1px dashed #CCC;
margin:-1px 0 0 0;
padding:10px 0 0 13px;
/*产品列表区*/
}

.product-list .photo {
float:left;
margin-right:10px;
}

.product-list .price {
height:50px;
}

.product-list .name a{
display:block;
height:25px;
padding-top:5px;
font-size:14px;
font-weight:bold;
color:#FB7D02;
}

在哪里改？

  1. product-list li {
  2. width:280px;
  3. height:150px;
  4. float:left;
  5. list-style:none;
  6. border-top:1px dashed #CCC;
  7. margin:-1px 0 0 0;
  8. padding:10px 0 0 13px;
  9. /*产品列表区*/
  10. }
复制代码

中的width:280px;
改小数字，具体多少自己试下。

顶下楼上的,问题解决请截帖!

原帖由 schz731 于 2007-8-12 01:38 发表
顶下楼上的,问题解决请截帖!


width:280px; 改小后 可以显示3个 显示3个不太好看 商品民成会出现2行显示 改成4个可以把商品名显示在商品下面
不过不管改的多小 都不能显示4个 始终最右侧显示一个空白

修改哪里可以让商品名称始终显示在图片下面？

让商品名称价格 购买 的文字都始终显示在图片下面 怎么修改呢？