ECshop二级分类横排显示两列

ECshop有的模板首页的商品分类显示是水平显示的，对于布局有时候不是很美观，如何让首页商品分类垂直显示两列呢？

一、打开category_tree.lbi并查找到如下代码：

<!--{if $cat.cat_id}-->
     <!--{foreach name=childs from=$cat.cat_id item=child}-->
     <a href="{$child.url}" title="{$child.name|escape:html}">{$child.name|escape:html}</a>
                 <!-- {if !$smarty.foreach.childs.last} -->
                  |
                 <!--{/if}-->
     <!--{/foreach}-->
                 <!--{/if}-->

替换为：

<!--{if $cat.cat_id}-->
                 <div class="child clearfix">
     <!--{foreach name=childs from=$cat.cat_id item=child}-->
     <a href="{$child.url}" title="{$child.name|escape:html}">{$child.name|escape:html}</a>
     <!--{/foreach}-->
                 </div>
                 <!--{/if}-->

二、打开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;
}

三、保存文件，上传到你的服务器，在后台清除缓存，到前台刷新页面即可！