您现在的位置是：首页 > 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首页实现发货查询里显示省市区地址信息的方法

图文教程

相关源码

(PC+WAP)安保服务保安保镖模板免费下载本模板基于PbootCMS内核开发，为安保服务企业量身打造。设计风格严谨专业，突出安保行业的安全、可靠特性，展示企业服务项目与实力。采用响应式设计，PC与移动端数据同步，管理便捷。模板布局合理查看源码
(自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计，采用PbootCMS内核开发，具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架，有效提升企业在移动端和搜索引擎中的专业形象。查看源码
帝国cms7.5自适应手机端在线课程教育网站源码基于帝国CMS后台管理系统，支持在线修改支付参数、联系方式等配置信息，操作界面直观便捷。专注于在线教育视频领域，提供完整的视频课程展示、付费购买及在线支付解决方案。支持多种支付渠道，满足教育培训机构的运营需求。查看源码
(PC模板)工商公司注册会计财务记账pbootcms模板源码下载基于PbootCMS的工商财税行业网站系统，手工编写前端代码确保执行效率，双端自适应设计，支持后台实时更新服务价格和政策文件。查看源码
帝国CMS7.5H5小游戏模板游戏攻略下载网整站源码本模板基于帝国CMS系统开发，为H5小游戏和APP应用资讯类网站设计。模板架构针对小游戏行业特点优化，支持游戏发布、资讯分享、应用推荐等功能，满足各类小游戏门户网站的建设需求。查看源码
帝国CMS7.5漫画网站模板带手机端源码免费下载本模板为漫画内容平台设计开发，采用帝国CMS7.5内核构建，深度优化漫画作品展示结构与章节管理模式。前端采用响应式布局设计，适配各类漫画阅读场景，提供作品分类、连载追踪、热度排行等垂直领域功能模块。查看源码