首页推荐一排4个显示在那里设置

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

在后台模板设置里面捣鼓了一个晚上也没搞清楚。是要修改模板吗？那个模板怎么修改呢？


回答：
顶上去，希望达人看见

这个需要改样式表。例：bluesky这套模版，首页商品展示是3个商品一行的，现在希望一行显示4的！打开themes/bluesky/css/layout.css文件，将
  1. #globalMiddle .itemGrid .item {
  2. text-align: center;
  3. width: 121px;height: 200px;
  4. float: left;
  5. padding: 18px 18px 10px;
  6. }
复制代码
改为
  1. #globalMiddle .itemGrid .item {
  2. text-align: center;
  3. width: 80px;height: 200px;
  4. float: left;
  5. padding: 18px 18px 10px;
  6. }
复制代码


这里可以调整width的值。

谢谢桔子的帮助！~

调整好了，上传后清除缓存还是原来的三个

请问您使用的是哪套模版？

官方系统自带的，除了默认的另外2个都是这样修改的，还是没有用，商店设置 -缩略图宽度: 也设置到80了，还是不行。

每套模版的样式定义是不一样的，这个需要自己仔细的查找哪里是控制商品排列的。
下面在用默认模版做例子：
例这是模版里的精品推荐的代码，只截取一部分
<div class="content-div">
<!--{foreach from=$best_goods item=goods}-->
<table border="0" cellpadding="3" cellspacing="1" class="goods-table" style="float: left">

上面红色字体显示的就是模版里控制一列商品的显示。这时需要打开这个模版目录下的样式文件（style.css）,找到goods-talbe
  1. .goods-table {
  2. background-color: #DADADA;
  3. width: 140px;
  4. height:200px;
  5. text-align: center;
  6. margin: 5px;
  7. }
复制代码
修改为
  1. .goods-table {

  3. background-color: #DADADA;

  5. width: 90px;

  7. height:200px;

  9. text-align: center;

  11. margin: 2px;

  13. }
复制代码


谢谢桔子老大啦！~


桔子。你太有才了。谢谢

我弄的是3个呢,呵呵

我也见到，同样的问题啊，有人出来解决下吗