手动修改ECshop实现商品二级分类横排显示两列 – 与你同行·老实孩子·某知名博客

手动修改ECshop实现商品二级分类横排显示两列

/ 0评 / 0

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)你可以根据自己的实际情况进行修改

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注