经常看到有朋友问“怎么将ECSHOP分类树显示为一排（行）两个”，也就是如下面的效果图：" n7 d% }) X: `- @
5 j* J! v6 p( {5 e/ R4 \
7 U& ^* C1 O! I# O! `+ G3 h3 N
* Z2 [+ e$ z! |, t% W8 W9 y
这个ECSHOP模板修改问题，主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的，所以不同模板的具体修改方法也是不完全相同的，没有通用的修改方法。
4 T# z' N' F3 x/ G% ?6 l9 }' T3 P! Y, ^9 r
下面教程是以 2.7.2版 官方默认模板 为例 进行讲解的，已经测试通过，完全兼容IE6,IE7,火狐。其他模板请参照举一反三。
5 I+ D4 T, r' t
& x6 D, ^7 o$ V1 o7 h-------------------------------------------------------------------------------------------------------------------0 Z6 `- Y3 G, R& t1 c
( m5 {5 N/ s. a: K 打开 /themes/default/style.css 文件$ x7 U/ X" D X0 N# c' y, ~
2 S8 x% p" T7 w6 g4 V/ I! g! K/ O$ O
找到 | #category_tree dd{padding:3px 0 3px 10px;} |
/ P2 v9 E% {: f6 }! R: w
将它修改为
( C# x' s @9 k* o; ?( e Y! w| #category_tree dd{padding:3px 0 3px 10px;width:40%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;} |
2 Y+ ^; d, M1 ~ a( m* k* |
9 K. i. j3 P" W! J' {& O
然后再打开 /themes/default/library/category_tree.lbi 文件
3 B3 n2 R/ [$ b
! |5 V# C% f. c在
2 q8 V( t' @; `) `4 G+ ^/ r下面增加一行代码
: }2 j; L1 } O, Y) H| <div style="clear:both;"></div> |
6 ~/ l# Y1 f* R2 M |
30282
0
©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml
提升卡
置顶卡
沉默卡
变色卡
千斤顶
赣公网安备36112102000036号
赣ICP备17001544号-10