您现在的位置是：首页 > 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+wap设计呈现加盟政策对比表。支持后台实时更新菜品图片、加盟费用等关键信息。查看源码
(自适应)蓝色沙盘复古建筑模型制作网站模板源码下载为建筑沙盘模型企业设计的响应式网站模板，通过三维空间展示技术结合产品参数可视化，有效提升模型作品的线上呈现效果与客户咨询转化率。查看源码
(PC+WAP)院校学院职业学校机构协会网站开源源码下载本模板基于PbootCMS系统开发，为高等院校、职业学校等教育机构设计，特别适合展示学校概况、院系设置、招生信息等内容。采用双端适配技术，确保在PC和移动设备上都能获得良好的浏览体验。查看源码
(自适应)蓄电池能源智能数码科技产品pbootcms模板源码下载本款基于PbootCMS开发的网站模板为蓄电池及能源科技企业设计，特别适合锂电池、储能系统、新能源电池等产品的展示与推广。查看源码
(自适应响应式)HTML5电脑手机电子数码产品配件pbootcms模板下载本模板为电脑配件、手机配件及数码周边产品企业设计，基于PbootCMS内核开发。采用现代化响应式布局，适配各类移动设备，能够专业展示各类电子产品配件参数、应用场景和技术特点。模板内置多种产品展示模块，满足不同类型配件企业的展示需求。查看源码
帝国cms7.5女性护肤搭配美妆潮流网站源码带数据4.5G本模板专为女性美容护肤行业设计，提供美容护肤、发型设计、女性健康、时尚化妆、娱乐新闻、服饰搭配等女性潮流资讯内容展示。采用帝国CMS7.5开发，同步生成电脑端和手机端，满足用户对美容时尚信息的获取需求。查看源码