发一个bluesky模板的商品分类多列显示

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

把themes\bluesky\library\category_tree.lbi修改为
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  2. <div id="categoryTree" class="globalModule">
  3. <h3>商品分类</h3>
  4. <ul>
  5. <!-- {foreach from=$categories item=cat} -->
  6. <li style="line-height:24px">
  7. <h4><a href="{$cat.url}">{$cat.name|escape:html} >></a></h4>
  8. {cycle values="''"}
  9. <!-- {foreach from=$cat.children item=child} -->
  10. <a href="{$child.url}">{$child.name|escape:html}</a>{cycle values='' | , | ,<br/>"}
  11. <!-- {/foreach} -->
  12. </li>
  13. <!-- {/foreach} -->
  14. </ul>
  15. </div>
复制代码
也可以用附件直接覆盖

category_tree.rar (447 Bytes)

这个是正确的


回答：
非常感谢！

有没有演示呀 给看看

送钟？？？？

我改了之后，发现还是一样的，没有多列显示商品呀，还是3列，为什么呢？

人家改的是商品目錄

能不能一行2个先是，居中排列

非常感谢，找了好久了

找了好久。谢谢。。。。。。

2008-07-29_134647.png
乱码～请问是什么原因啊？
怎么把那后面的一个字搞上去？
谢谢～～

进入后台，在库文件里面改

你好～刚才您说在库里面改。
好像也不行啊。
还有那个被挤出来的字该如何呢？

能不能弄成对齐啊

Snap2.gif



官方网站用的是<dl><dt><dd>来排列的,本帖给出的解决方案是改为<ul><li>.其实在不改动官网列表标签的基础上,一样可以达到楼主所要的效果,只需要找到样式表,也就是CSS文件,修改#category_tree dd{padding:0px 0px 0px 0px; display:inline;}这句话就行了,在原有的基础上加上display:inline;表示浮动,就可以横排了,但要排的好看,还需要在DD的后面加上一句判断,操作方法:找到显示列表的页面category_tree.lbi,将原来的文件DL部分改成:
<dl>
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
{cycle values="''"}
<!--{foreach from=$cat.children item=child}-->
<dd><a href="{$child.url}">{$child.name|escape:html}</a>{cycle values='' | , | ,<br/>"}</dd>
<!--{/foreach}-->
</dl>
具体的样子可以看下我做的网站中商品分类的排列方式,成都办公用品, 不过这种方式有个缺点.就是要保证每横排的字数尽可能相等,不然错位了就难看.要想绝对一样对齐,可以用DIV将每个二级分类的宽度定死,但也有缺点,每个二级导航后面都会跟一条线,前两个跟条线还可以,后面第三个还跟一条线就比较难看,解决的办法还是只能用CSS遮住最后的一条线.