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


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

我的操作方法如下：
首先你要做一个小图片，比如第一个大分类对应的图片为 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="../p_w_picpaths/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>