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

图文教程

相关源码

帝国cms7.5自适应作文新闻资讯教育网站模板本模板基于帝国CMS7.5内核开发，为教育机构、培训学校等知识传播单位打造。通过自适应设计确保在手机、平板、电脑等设备上均能获得专业浏览体验查看源码
快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发，实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术，确保不同设备均有流畅视觉体验，企业形象统一。查看源码
Wordpress博客新闻主题在线商店平台betheme 21.5.6版BeTheme是一款功能丰富的WordPress主题模板，专注于为各行业提供网站建设解决方案。该模板支持WooCommerce电子商务功能，能够快速搭建在线商店平台，同时适用于博客、新闻资讯类网站建设。自2014年发布以来，该模板已经获得大量用户的使用验证。查看源码
帝国cms7.5奇闻异事末解之谜模板免费下载带数据本模板基于帝国CMS7.5系统开发，为神秘现象、未解之谜类主题网站设计。包含完整的PC端、移动端及百度MIP站同步生成功能，内置火车头采集规则模块，可快速采集目标站内容资源。整体设计风格神秘大气，符合主题定位。查看源码
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板，同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型，显著降低建站成本。查看源码
响应式电脑维修办公用品维护pbootcms网站模板模板介绍(自适应手机版)响应式电脑修理公司pbootcms网站模板-蓝色HTML5电脑修理维修店网站源码下载PbootCMS内核开发的营销型网站模板，该模查看源码