WooCommerce产品筛选是个非常重要的功能,能让客户方便的找到想要的商品。(效果图如下)
使用插件 Advanced AJAX Product Filters for WooCommerce
- 安装插件,插件 –> 安装插件
- 搜索 Advanced AJAX Product Filters
- 第一个,作者:BeRocket
- 安装并启用
后台打开设置 -> BeRocket -> Filter
新建WooCommerce删选器
- 标题
- Widget Type –> Filter
- Filter By
- Attribute -> 属性
- Tag -> 标签
- product category -> 产品分类
- Rating -> 评分
- type -> 通过哪种方式展示
在页面中添加WooCommerce筛选
使用短代码进行添加,短代码在 BeRocket -> Filters 下能看到,复制短代码添加到页面中就可以了。
修改WooCommerce筛选器默认的样式
打开 BeRocket -> Product Filters , 往下翻点击 JavaScript/CSS 进行添加您自己的属性。