今天BTV导航网的小编为你讲一下将ECSHOP分类树修改成一行两个相关的内容。
经常看到有朋友问“怎么将ECSHOP分类树显示为一排(行)两个”,也就是如下面的效果图:
这个ECSHOP模板修改问题,主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的,所以不同模板的具体修改方法也是不完全相同的,没有通用的修改方法。
下面教程是以 2.7.2版 官方默认模板 为例 进行讲解的,已经测试通过,完全兼容IE6,IE7,火狐。其他模板请参照举一反三。
-------------------------------------------------------------------------------------------------------------------
打开 /themes/default/style.css 文件
找到
#category_tree dd{padding:3px 0 3px 10px;} |
将它修改为
#category_tree dd{padding:3px 0 3px 10px;width:40%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;} |
然后再打开 /themes/default/library/category_tree.lbi 文件
在
下面增加一行代码
<div style="clear:both;"></div> |
|
通过对将ECSHOP分类树修改成一行两个的详细介绍,希望对你有所帮助,我们提供了更多和将ECSHOP分类树修改成一行两个类似的相关内容推荐,可以你更全面的帮助你解决问题。我们BTV85网址导航还提供网址收录服务,你可以注册提交你的网站信息,帮你引导搜索引擎蜘蛛,同时还有网站SEO优化交流微信群,里面很多SEO高手和大咖,加友链,可以免费进群。