您现在的位置是：首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop分类树修改成一行两个的实例代码

从梦2023-11-10Ecshop商城教程已有人查阅

导读经常看到有朋友问“怎么将ECSHOP分类树显示为一排（行）两个”这个ECSHOP模板修改问题，主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的

经常看到有朋友问“怎么将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默认模板左下角的logo的方法

下一篇：ecshop首页实现发货查询里显示省市区地址信息的方法

图文教程

相关源码

(自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板，基于PbootCMS系统开发。突出多语言支持和国际化布局，三级栏目结构清晰展示产品分类，响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码
自适应LED照明外贸灯具灯泡灯具英文网站模板该外贸灯具网站模板专为LED照明、灯具出口企业定制，采用PbootCMS内核开发，提供高效建站方案。通过响应式设计和SEO优化能力，帮助企业低成本构建专业外贸展示平台。查看源码
帝国CMS7.5手游资讯下载综合门户免费网站模板本模板基于帝国CMS7.5内核开发，为手游打造的综合门户网站解决方案。模板设计充分考虑了手业的特性，包含游戏资讯发布、手游下载、礼包发放、开测信息等核心功能模块，满足手游门户网站的各项业务需求。查看源码
(自适应响应式)HTML5建筑工程公司建筑集团网站模板下载基于PbootCMS内核开发的响应式建筑行业网站模板，为建筑工程公司、建筑集团等企业打造，通过简洁大气的设计风格展现企业专业形象。查看源码
响应式帝国cms7.5NBA黑色体育资讯模板下载本模板为体育新闻媒体、报道机构设计，采用帝国CMS7.5内核开发，具备完整的资讯发布、体育日历、数据展示功能。响应式布局确保在手机端呈现实时资讯和图文内容查看源码
(PC+WAP)铝合金门窗定制pbootcms网站模板源码为铝合金门窗、定制门窗企业打造的高性能网站模板，基于PbootCMS开源内核开发，采用HTML5自适应架构，PC与手机端数据实时同步，覆盖全终端用户交互场景。查看源码