如何调整商品分类显示方式？

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

如何让首页的商品多列显示？

用的是joyo绿色版本，代码是？
<div id="category-tree">
<!--{foreach from=$categories item=cat}-->
<h3><a href="{$cat.url}">{$cat.name|escape:html}</a></h3>
<div class="yiji"></div>
<ul class="erji">
<!--{foreach from=$cat.children item=child}-->
<li><a href="{$child.url}">{$child.name|escape:html}</a></li>
<!--{/foreach}-->
</ul>
<!-- {/foreach}-->
</div>

那位高手帮个忙。非常的谢谢

1.jpg (9.45 KB)

我现在的样子

1.jpg

2.jpg (28.62 KB)

像调整成这个样子

2.jpg


回答：
调整一下代码位置。

  1. <div id="category-tree">
  2. <!--{foreach from=$categories item=cat}-->
  3. <h3><a href="{$cat.url}">{$cat.name|escape:html}</a></h3>
  4. <div class="yiji"></div>
  5. <ul class="erji">
  6. <li>
  7. <!--{foreach from=$cat.children item=child}-->
  8. <a href="{$child.url}">{$child.name|escape:html}</a>
  9. <!--{/foreach}-->
  10. </li>
  11. </ul>
  12. <!-- {/foreach}-->
  13. </div>
复制代码

学习中.
谢谢高手..


  2. <div id="categoryTree" class="globalModule">
  3. <h3>商品分类</h3>
  4. <!-- {foreach from=$categories item=cat} -->
  5. <div class="toggleblock">
  6. <h4 class="toggletitle">
  7. <a href="{$cat.url}">{$cat.name|escape:html} >></a></h4>
  8. <!-- {if $cat.children} -->
  9. <ul>
  10. <!-- {foreach from=$cat.children item=child} -->
  11. <li><a href="{$child.url}">{$child.name|escape:html}</a></li>
  12. <!-- {/foreach} -->
  13. </ul>
  14. <!-- {/if} -->
  15. </div>
  16. <!-- {/foreach} -->
  17. </div>
复制代码


想改成搂主说的样式，没学会。5555555555555

原帖由 luhengqi 于 2008-1-2 15:28 发表
调整一下代码位置。




{$cat.name|escape:html}




{$child.name|escape:html}




按照这个程序改，变成这样子，怎么调成行距呢？

1.jpg (23.52 KB)

很密，不居中

1.jpg


二个样式一起调用不就可以了

一个控制行距一个控制宽度

我是菜鸟什么都不懂，能给写出来吗？谢谢