当前位置:首页 > 教程中心 > CMS教程 > EcShop

ECSHOP商品分类树代码-仿京东首页弹出式商品分类代码

所属栏目:EcShop 时间:2014-03-19 来源:网络 作者:不详 点击:

商城很流行像京东商城这种分类树效果。ECSHOP也可以实现,但至少得需要生成多级子菜单的代码:

<div id="category_tree">
  <!--{foreach from=$categories item=cat name=no}-->
<!--<div style="clear:both; height:2px; line-height:2px; background:url(../images/category_line.png) repeat-x;"></div>-->
  <div class="dt" onMouseOver="sw_nav2({$smarty.foreach.no.iteration},1);" onMouseOut="sw_nav2({$smarty.foreach.no.iteration},0);">
  <dl id="HandleLI2_{$smarty.foreach.no.iteration}" >
  <div class="deep">
    <dt> <a href="{$cat.url}"> {$cat.name|escape:html} </a> </dt>
    <!--{foreach from=$cat.cat_id item=child name=name}--> 
    <!--{if $smarty.foreach.name.iteration lt 7}--> 
    <dd> <a href="{$child.url}">{$child.name|escape:html}</a>
    </dd>
    <!--{/if}--> 
    <!--{/foreach}-->
    </div>
    <ul id="DisSub2_{$smarty.foreach.no.iteration}" style="display:none; z-index:99;">
      
      <!--{foreach from=$cat.cat_id item=child name=childs}--> 
      <li><div class="clearfixl"><a class="over_2" href="{$child.url}">{$child.name|escape:html}</a></div>
       <div  class="clearfix {if $smarty.foreach.childs.last}clearfix1{/if}"> 
      <!--{foreach from=$child.cat_id item=childer}--> 
      <a class="over_3" href="{$childer.url}">{$childer.name|escape:html}</a> 
      <!--{/foreach}--> 
    </div></li>
  <!--{/foreach}-->
   
  </ul>
  </dl>
  </div>
  <!--{/foreach}-->
</div>


请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: