WooCommerce产品筛选是个非常重要的功能,能让客户方便的找到想要的商品。(效果图如下)

使用插件 Advanced AJAX Product Filters for WooCommerce

  1. 安装插件,插件 –> 安装插件
  2. 搜索 Advanced AJAX Product Filters
  3. 第一个,作者:BeRocket
  4. 安装并启用

后台打开设置 -> BeRocket -> Filter

新建WooCommerce删选器

  1. 标题
  2. Widget Type –> Filter
  3. Filter By
    1. Attribute -> 属性
    2. Tag -> 标签
    3. product category -> 产品分类
    4. Rating -> 评分
  4. type -> 通过哪种方式展示

在页面中添加WooCommerce筛选

使用短代码进行添加,短代码在 BeRocket -> Filters 下能看到,复制短代码添加到页面中就可以了。

修改WooCommerce筛选器默认的样式

打开 BeRocket -> Product Filters , 往下翻点击 JavaScript/CSS 进行添加您自己的属性。