给分类加图标

首先，我说的是一级分类哦
先给个效果看看


做起来好简单啊，不像我在论坛找的，大部的人都说是要建一个字段

我的操作方法如下：
首先你要做一个小图片，比如第一个大分类对应的图片为 cate_1.gif
第二个分类对应的小图片名称为cate_2.gif

图片做好了，你就上传到模板的图片目录就好了
注意，这个图片的名称不是按照分类的ID来的哦

下面我们来修改下代码

打开 category_tree.lbi
找到这些代码
<div class="modBox">
<dl id="category_tree">
<!--{foreach from=$categories item=cat } -->
<div class="toggleblock">
<dt class="clearfix">
<a href="{$cat.url}" class="f_l">{$cat.name|escape:html}</a></dt>
<!--{if $cat.cat_id}-->
<dd>
<!--{foreach from=$cat.cat_id item=child}-->
<a href="{$child.url}" title="{$child.name|escape:html}">{$child.name|escape:html}</a>

修改成如下，在相应的地方增加红色的部分就好了
<div class="modBox">
<dl id="category_tree">
<!--{foreach from=$categories item=cat name=cate_goods} -->
<div class="toggleblock">
<dt class="clearfix">
<img style="float:left" src="../images/cate_{$smarty.foreach.cate_goods.iteration}.gif" style=" padding-right:8px;">
<a href="{$cat.url}" class="f_l">{$cat.name|escape:html}</a></dt>
<!--{if $cat.cat_id}-->
<dd>
<!--{foreach from=$cat.cat_id item=child}-->
<a href="{$child.url}" title="{$child.name|escape:html}">{$child.name|escape:html}</a>