您现在的位置是：首页 > 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模板下载为中小学作文、教育类网站设计，特别适合展示学生作文、教学资源和写作指导等内容。采用响应式技术，确保在不同设备上都能获得良好的阅读体验。查看源码
自适应建材瓷砖卫浴大理石类pbootcms网站模板源码下载为建材瓷砖、卫浴瓷砖企业打造的高端响应式门户模板，基于PbootCMS内核深度开发。采用前沿HTML5自适应架构，无缝兼容手机端触控交互与PC端展示场景。查看源码
自适应黑色简繁双语轴承齿轮机械设备制造网站模板该模板为轴承齿轮机械制造企业提供一体化网站建设方案，着重解决行业特有的多语言展示、移动端适配和高效率内容管理需求，帮助企业精准展示产品特性与工艺流程查看源码
自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户，基于PbootCMS开源内核深度开发采用HTML5自适应架构，实现PC与手机端数据实时同步交互。查看源码
(PC+WAP)家居装饰家装建材营销型网站pbootcms模板下载本模板基于PbootCMS开发，主要服务于家居装饰、建材及相关行业。采用现代化设计风格，同时适配PC和移动设备访问。模板结构清晰，突出展示家装案例和建材产品，帮助企业在线上建立专业形象，有效展示产品与服务优势。查看源码
(自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计，采用现代化科技风格，突出产品的智能特性和技术创新。模板架构合理，功能完善，能够有效展示各类智能产品的核心功能和解决方案。查看源码