如何实现这种三级分类树?

2016-07-07 15:05 来源：www.chinab4c.com 作者：ecshop专家

我用的是2.6.2版本仿淘宝商城模板：

分类树(category_tree.lbi)代码如下：
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<div class="module" id="category_tree">
<h1><span></span>{$lang.goods_category}</h1>
<div class="content">
<dl>
<!--{foreach from=$categories item=cat}-->
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
<dd>
<!--{foreach from=$cat.children item=child}-->
<li>
<a href="{$child.url}">{$child.name|escape:html}</a>
</li>
<!--{/foreach}-->
</dd>
<!--{/foreach}-->
</dl>
</div>
<div class="bottom"><span></span></div>
</div>

求高人帮忙看要怎么修改才能实现如图的分类效果？

回答：
晕哦，没人出来解决啊?

鄙人也想知道哦!

<!-- {if $cat.level eq 0} -->
<a href="{$cat.url}">{$cat.cat_name}</a>
<!-- {elseif $cat.level eq 1} -->
a href="{$cat.url}">{$cat.cat_name}</a>
<!-- {elseif $cat.level eq 2} -->
a href="{$cat.url}">{$cat.cat_name}</a>
<!-- {/if} -->

4楼提供的代码替换以下的哪个部分？

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<div class="module" id="category_tree">
<h1><span></span>{$lang.goods_category}</h1>
<div class="content">
<dl>
<!--{foreach from=$categories item=cat}-->
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
<dd>
<!--{foreach from=$cat.children item=child}-->
<li>
<a href="{$child.url}">{$child.name|escape:html}</a>
</li>
<!--{/foreach}-->
</dd>
<!--{/foreach}-->
</dl>
</div>
<div class="bottom"><span></span></div>
</div>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<div class="module" id="category_tree">
<h1><span></span>{$lang.goods_category}</h1>
<div class="content">
<dl>
<!--{foreach from=$categories item=cat}-->
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
<dd>
<!--{foreach from=$cat.children item=child}-->
<li>
<a href="{$child.url}">{$child.name|escape:html}</a>
</li>
<!--{/foreach}-->
</dd><!--{/foreach}-->
</dl>
</div>
<div class="bottom"><span></span></div>
</div>
替换红色位置

谢谢6楼的指导！不过改后前台不显示分类树内容了。

估计要与CSS关联修改才能实现。