新零售商城 快打包
当前位置:首页 > 教程中心 > CMS教程 > EcShop

Ecshop商品分类页加入子分类筛选的教程

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

Ecshop的商品分类页默认有筛选功能,支持属性筛选,价格筛选,但却没有子分类筛选

通过本教程可以实现加入子分类筛选,如下图所示:

image.png

其实很简单,只需在category.dwt 筛选组加入以下代码即可

<!--{foreach from=$categories2 item=cat}-->
<div class="screeBox">
	<strong>分类:</strong>
<a href="category-{$cat.id|escape:html}-b0.html"<!--{if $current_cat_id eq $cat.id}--> class="curr"<!--{/if}-->>全部</a>
      <!--{foreach from=$cat.children item=child}-->
      <a href="{$child.url}"<!--{if $current_cat_id eq $child.id}--> class="curr"<!--{/if}-->>{$child.name|escape:html}</a>
      <!--{/foreach}-->
</div>
<!--{/foreach}-->

再写个CSS,当前分类高亮

.screeBox a.curr {background-color: #1a1a1a; color: #fff; padding: 5px 15px;}


请站长喝杯咖啡?

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

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

更多>>

一流商城

      SQL Error: select id,title,titleurl,titlepic from sql16css_cn.mall_ecms_shop where firsttitle=1 order by id desc limit 9

    你应该也喜欢这些吧

    共有 0 条评论

    给个评价吧

    验证码: