ECshop有的模板首页的商品分类显示是水平显示的,对于布局有时候不是很美观,如何让首页商品分类垂直显示两列呢?看看下面的教程吧
一,用编辑器打开category_tree.lbi库文件并查找到如下代码:
{$child.name|escape:html}
|
替换为:
二,用编辑器打开style.css文件,并查找到如下代码:
background:url(images/text_bg.gif) no-repeat 0 0;
text-indent:-140px;
overflow:hidden;
}
在此代码后面敲回车并且加入如下代码:
display:block;
width:110px;
float:left;
}
三,分别保存此二文件,上传到你的服务器,在后台清除缓存(不会清除的话我就无语了),到前台刷新页面即可!
特别说明:代码片段中width:110px;中的数字(即110px)你可以根据自己的实际情况进行修改