Ecshop模板网
首页 > ecshop教程 > ecshop经验分享 > 将ECSHOP分类树修改成一行两个
文章详情

将ECSHOP分类树修改成一行两个

ecshop模板网 / 2011-01-16


经常看到有朋友问“怎么将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 文件

在 </dl>

下面增加一行代码
<div style="clear:both;"></div>

下一篇: 屏蔽ecshop云提示no_license 上一篇: ecshop模板css兼容性问题_height:auto火狐下无效
 用户评论(共 0 条评论)
  • 暂时还没有任何用户评论
用户名: 匿名用户 E-mail:
当前心情:
评论内容:
验证码: captcha
返回顶部 返回首页
 
QQ在线咨询
售前电话热线
#
售前QQ客服