商品详细页面的相关商品怎么样才能横向排列

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

师傅们请问下我的是2.7.2版本default模板默认蓝色模板的商品详细页面里面的相关产品怎么样才能横向排列。
现在是如下排列方式,拜托各位师傅说说怎么改,先在此谢谢各位师傅了。
未命名.jpg
我想让他和下面图片一样的排列方式
未命名2.jpg

回答:
演示:http://www.taoqiqi.com/goods-147.html

更改
模板/libray/goods_related.lib

改成下面即可 图片大小控制 width="120" height="120"


  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  2. <!-- {if $related_goods} -->
  3. <div class="box">
  4. <div class="box_1">
  5. <h3><span>{$lang.releate_goods}</span></h3>
  6. <div class="boxCenterList clearfix">
  7. <!--{foreach from=$related_goods item=releated_goods_data}-->
  8. <div class="goodsItem">
  9. <a href="{$releated_goods_data.url}"><img src="{$releated_goods_data.goods_thumb}" alt="{$releated_goods_data.goods_name}" width="120" height="120" class="B_blue" /></a><br>
  10. <p><a href="{$releated_goods_data.url}" title="{$releated_goods_data.goods_name}">{$releated_goods_data.short_name}</a></p>
  11. <!-- {if $releated_goods_data.promote_price neq 0} -->
  12. {$lang.promote_price}<font class="f1">{$releated_goods_data.formated_promote_price}</font>
  13. <!-- {else} -->
  14. {$lang.shop_price}<font class="f1">{$releated_goods_data.shop_price}</font>
  15. <!-- {/if} -->
  16. </div>
  17. <!--{/foreach}-->
  18. </div>
  19. </div>
  20. </div>
  21. <div class="blank5"></div>
  22. <!-- {/if} -->
复制代码

1.jpg (37.04 KB)

1.jpg


顶下继续看

这个问题貌似不难。。。。

这问题我不会,帮顶