与你同行·老实孩子·某知名博客

ECshop有的模板首页的商品分类显示是水平显示的，对于布局有时候不是很美观，如何让首页商品分类垂直显示两列呢？看看下面的教程吧
一，用编辑器打开category_tree.lbi库文件并查找到如下代码：


{$child.name|escape:html}

|



替换为：

二，用编辑器打开style.css文件，并查找到如下代码：
.categoriesTit{
background:url(images/text_bg.gif) no-repeat 0 0;
text-indent:-140px;
overflow:hidden;
}
在此代码后面敲回车并且加入如下代码：
.categories .child a{
display:block;
width:110px;
float:left;
}
三，分别保存此二文件，上传到你的服务器，在后台清除缓存（不会清除的话我就无语了），到前台刷新页面即可！

特别说明：代码片段中width:110px;中的数字（即110px）你可以根据自己的实际情况进行修改