京东模板如何把商品分类改成二列.

2016-07-07 16:27 来源:www.chinab4c.com 作者:ecshop专家

如何把京东模板的商品分类改成一行二列,哪位大侠帮帮忙,急

二列.jpg (4.92 KB)

二列.jpg


回答:
在吗 ?
你的模板在哪里下的 ,能提供一下地址吗

http://bbs.ecshop.com/viewthread ... hlight=%BE%A9%B6%AB

左边商品分类分成两列,
这本是默认模板里使用的,经小弟移植成功,特来跟大家分享,若出现一点小问题,根据个人情况修改一下就OK了. 有2个地方需要修改

1. 修改style.css文件,
搜索/*商品分类*/,把原有内容替换成下面代码:

#category_tree{border:4px solid #ffeef6; background-color:#fff;}
#category_tree dl{margin:6px;}- t3 G# P5 M0 V* W
#category_tree dt{background:url(images/lineBg.gif) repeat-x left bottom;color:#3f3f3f;padding:2px 0 3px 12px; width:150px;/ }, M2 U7 F' e5 j, Y8 l5 ~+ {" E}1 f' s7 B. B+ ]2 W/ [: X- P
#category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;: K3 `; @: j2 t2 w* {color:#3f3f3f; padding-left:15px; text-decoration:none;}2 N9 ?2 b: nn. `. S( \" `$ d9 {
#category_tree dd{padding:3px 0 3px 10px; width:70px; float:left;6 d2 X" N3 B4 ~. q: _! P- t$ l
white-space:nowrap;
word-break:keep-all;2 c* |. ]% u" e- b
display: inline;! v% o2 X' m) \. K
}
#category_tree dd a{color:#404040; text-decoration:none;}
#category_tree dd a:hover{color:#ff6600; text-decoration:none;}

2. 后台库项目管理-->category_tree.lbi- 商品分类树 ,代码替换如下:
(如果是utf-8格式, 把第一行的 gbk 改成 utf-8 )

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<div class="box">
<div class="box_1">& ]' ^6 y: Q* W: }! b
<div id="category_tree">
<!--{foreach from=$categories item=cat}-->o9 D5 H3 w- _0 c( k
<dl>, Z9 O8 y: o+ a; m% t9 _' h5 ]* Q
<dt><a href="{$cat.url}" ><font color=#ff9966><b>5 X/ W& }/ d4 F% i( B- I1 K
) `8 [: t^4 |8 d
{$cat.name|escape:html}</b></font></a></dt>
<!--{foreach from=$cat.children item=child}-->kk0 J$ W' J
<dd><a href="{$child.url}">[{$child.name|escape:html}]
</a></dd>
{<!--{/foreach}-->; L1 `! M6 W- g9 T$ z( [. p
% B: z8 H8 @# q' Q
</dl>" |e# V1 R, \j2 J* D
<!--{/foreach}--> 3 j2 O# e5 a$ G+ h$ J7 E
<dt><div align="center">诚信经营.服务客户</div></dt>
</div>
</div>
</div>
<div class="blank5"></div>