请问article.dwt中-相关商品如何横排排列到文章的下边呢?如下图所示

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



请问article.dwt这里如何改成下图所示?


第一个绿圈里面的.

相关商品如何排列到文章的下边呢?

无标题twp.jpg (102.92 KB)

无标题twp.jpg


回答：


按照楼主的要求改的，演示站：http://demo.ecmoban.com/demo/article.php?id=8
1.修改article.dwt，goods_related.lbi放的位置，楼主用的是默认模板，以下就已模板模板为例
剪切一下代码：
  1. <!-- TemplateBeginEditable name="左边区域" -->
  2. <!-- #BeginLibraryItem "/library/goods_related.lbi" -->
  3. <!-- {if $related_goods} -->
  4. <div class="box">
  5. <div class="box_1">
  6. <h3><span>{$lang.releate_goods}</span></h3>
  7. <div class="boxCenterList clearfix">
  8. <!--{foreach from=$related_goods item=releated_goods_data}-->
  9. <ul class="clearfix">
  10. <li class="goodsimg"><a href="{$releated_goods_data.url}"><img src="{$releated_goods_data.goods_thumb}" alt="{$releated_goods_data.goods_name}" class="B_blue" /></a></li>
  11. <li>
  12. <a href="{$releated_goods_data.url}" title="{$releated_goods_data.goods_name}">{$releated_goods_data.short_name}</a><br />
  13. <!-- {if $releated_goods_data.promote_price neq 0} -->
  14. {$lang.promote_price}<font class="f1">{$releated_goods_data.formated_promote_price}</font>
  15. <!-- {else} -->
  16. {$lang.shop_price}<font class="f1">{$releated_goods_data.shop_price}</font>
  17. <!-- {/if} -->
  18. </li>
  19. </ul>
  20. <!--{/foreach}-->
  21. </div>
  22. </div>
  23. </div>
  24. <div class="blank5"></div>
  25. <!-- {/if} -->
  26. <!-- #EndLibraryItem -->
  27. <!-- TemplateEndEditable -->
复制代码
  1. 在代码
  2. <!-- #BeginLibraryItem "/library/comments.lbi" -->
  3. 前粘贴刚刚剪切的代码。
复制代码

并吧可编辑区域名“左边区域”，比如修改成“相关商品”。
2.修改goods_related.lbi代码，
  1. 查找：
  2. <ul class="clearfix">
  3. 修改为：
  4. <ul class="clearfix" style="width:186px;float:left;">
复制代码

3.后台设置商品关联文章，设置“文章详情页”模板，相关商品显示数量比如为：8

很详细噢。



太实用了

很强大，如果在文章内容页的【上一篇，下一篇】后加入推荐文章或者最近更新等文章列表，该怎么修改呢？

受教了，，太好了，正是需要的

感谢二楼回答的。。学习了。。