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

2016-07-07 15:00 来源:www.chinab4c.com 作者:ecshop专家

这个ECSHOP模板修改问题,主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的,所以不同模板的具体修改方法也是不完全相同的,没有通用的修改方法。

下面教程是以 2.7.2版 官方默认模板 为例 进行讲解的,已经测试通过,完全兼容IE6,IE7,火狐。其他模板请参照举一反三。

---------------------------------------------------------------------------------------------

一:打开 /themes/default/style.css 文件。

找到:

  1. #category_tree dd{padding:3px 0 3px 10px;}
复制代码


将它修改为:

  1. #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 文件。

在:

  1. </dl>
复制代码


下面增加一行代码:

  1. <div style="clear:both;"></div>
复制代码