这个是老问题了，有很多朋友也问起过。但是一直没有明确解决办法。因为对于我们这些不会代码的新手来说，确实是一个问题。所以希望会改代码的高手分享一下！

问题：如何将仿joyo模板里商品列表一行一个商品的显示方式，改成一行显示4个商品，或者5个甚至更多？

有朋友叫我们参考 gift 礼品的模板进行修改，我们看过了，也尝试去改。但是能力有限。
所以请贴出详细要修改的代码！高手们只需要教我们怎么做就是了，我们就照你们的方法进行修改！

有同样问题的朋友帮顶！顶到问题解决为至！

[ 本帖最后由 thesky 于 2007-6-20 21:06 编辑 ]

好久没有人回复！ 没办法，只有自己研究。搞到十一点多，现在终于弄好了，开心！

参考 gift礼品模板 改的。我把教程贴出来给大家分享！这样大家可以省些时间！


1、修改 模板  joyo/library / goods_list.lbi   代码：  

把 <form name="compareForm" action="compare.php" method="post" >    和   </form>   之间的代码替换成如下代码：


    <ul class="goods-list">
      <!--{foreach name=space-line from=$goods_list item=goods}-->
      <li>
        <div><a href="{$goods.url}"><img src="{$goods.goods_thumb}" alt="{$goods.goods_name}" class="photo" /></a> <span class="goods-name">
          <input name="goods[]" type="checkbox" id="goods[]" value="{$goods.goods_id}" />
          <a href="{$goods.url}">{$goods.goods_name}</a></span>
          <!-- {if $goods.goods_brief} -->{$goods.goods_brief}<br /><!-- {/if} -->
          {$lang.market_price}<span class="market-price">{$goods.market_price}</span><br />
          <!--{if $goods.promote_price neq "" } -->
          {$lang.promote_price}<span class="goods-price">{$goods.promote_price}</span><br />
          <!--{else}-->
          {$lang.shop_price}<span class="goods-price">{$goods.shop_price}</span><br />
          <!--{/if}-->
          <span class="buy-btn"><a href="javascript:addToCart({$goods.goods_id})"><img src="../images/buy-btn.gif" alt="buy" border="0" /></a> <a href="javascript:collect({$goods.goods_id})"><img src="../images/fav-btn.gif" alt="fav" border="0" /></a></span>        </div>
      </li>
      <!--{/foreach}-->
    </ul>


2、在  style.css 加上如下的代码：

/*====================================
                                  商品列表 搜索结果
    ===================================*/

.goods-list {
    padding:5px;
    margin:5px;
}
.goods-list li {
    list-style:none;
    float:left;
    width:180px;
    height:230px;
    display:block;
    text-align:center;
    line-height:160%;
    padding-top:10px;
}
.goods-list li .goods-name {
    display:block;
    font-weight:bold;
}
.goods-list li .photo {
    margin-bottom:8px;
}

.goods-list li a:hover img {
    background:#F00;
}

不错不错,帮我看看,我想把商品列表由原来的3列变成4列,如何修改呢?
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--{if $best_goods}-->
<div class="title-bg" id="best-goods"><a href="../search.php?intro=best"><img src="../images/more.gif" alt="more" width="41" height="13" border="0" style="float:right;margin:6px;"></a><img src="../images/best-goods.gif" alt="best-goods" width="105" height="21"></div>
<div class="content">
<!--{foreach from=$best_goods item=goods}-->
<table border="1" cellspacing="0" cellpadding="3" class="goods-table">
  <tr>
  <td><A href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></A>
  <div style="padding:3px 0;"><A href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</A></div>
  </td>
  </tr>
  <tr>
  <td style="border-right:0px;">
    <div>
        <!-- {if $goods.promote_price neq ""} -->
    {$lang.promote_price}<span class="goods-price">{$goods.promote_price}</span>
    <!-- {else}-->
     {$lang.shop_price}<span class="goods-price">{$goods.shop_price}</span>
    <!--{/if}-->

    </div>
  <div style="padding:3px;"><a href="javascript:addToCart({$goods.id})"><img src="../images/add_cart.gif" width="47" height="19" border="0"></a> <a href="javascript:collect({$goods.id})"><img src="../images/collect.gif" width="47" height="19" border="0"></a> </div>
  </td>
  </tr>
</table>
<!--{/foreach}-->
</div><!--End #best-goods -->
<!--{/if}-->

1、打开\languages\zh_cn\admin\gen_goods_script.php
找到：
$_LANG['label_arrange'] = '选择商品排列方式：';
改成：$_LANG['label_arrange'] = '显示列数：';
2、打开\admin\templates\gen_goods_script.htm
找到：
    <tr>
      <td class="label">{$lang.label_arrange}</td>
      <td><select name="arrange" id="arrange">
        <option value="h" selected>{$lang.horizontal}</option>
        <option value="v">{$lang.verticle}</option>
      </select></td>
    </tr>
改成：
    <tr>
      <td class="label">{$lang.label_arrange}</td>
      <td><input name="arrange" type="text" id="arrange" value="1"></td>
    </tr>
3、打开\goods_script.php
找到：
    $arrange = empty($_GET['arrange']) || !in_array($_GET['arrange'], array('h', 'v')) ? 'h' : $_GET['arrange'];
    $smarty->assign('arrange', $arrange);
改成：
    $arrange = intval($_GET['arrange']);
    $smarty->assign('arrange', $arrange);
4、打开\data\goods_script.html
改成：
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    {foreach from=$goods_list item=goods}
    {counter assign=i}
    <td><table width="100%">
      {if $need_image}
      <tr>
        <td align="center"><a href="{$goods_url}{$goods.goods_id}" target="_blank" title="{$goods.goods_name}"><img src="{$url}{$goods.goods_thumb}" alt="{$goods.goods_name}" border="0" {if $thumb_width and $thumb_height}width="{$thumb_width}" height="{$thumb_height}"{/if}></a></td>
      </tr>
      {/if}
      <tr>
        <td align="center"><a href="{$goods_url}{$goods.goods_id}" target="_blank">{$goods.goods_name}</a><br />{$goods.goods_price}</td>
      </tr>
    </table></td>
        {if $i mod $arrange == 0}
        </tr><tr>
        {/if}
    {/foreach}
  </tr>
</table>

如果要显示3行4列的话，显示数量为12，列数为4就可以了

5楼说的,我全改了也没用   显示数量为12,列数为4,在哪弄哦?
我直接在代码显示列数后面加了个4也没用!
还要两个问题
3里面的是不是就是根目录里面的呢?
4是不是把那里面所有的全删掉换上你这里面的呢?    我都是这样做的,不晓得错在哪哦,往高人继续指点吧,我先在还下LZ的方法看能用不咯.....

和LZ的代码都不一样```

模板不同风格改的方法也不一样的吗???