WooCommerce建站

WooCommerce怎么筛选产品? - WooCommerce 系列教程八

WooCommerce产品筛选是个非常重要的功能,能让客户方便的找到想要的商品。

本文首发于 2019 年 11 月,文中的插件、界面与价格可能已有变化,仅供参考。

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

filter

使用插件 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 -> 通过哪种方式展示
  5. filter 1

在页面中添加WooCommerce筛选

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

Shortcode

修改WooCommerce筛选器默认的样式

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

CSS

蓝狮开源 OSLION

上海的数字技术团队。写建站、内容与增长,也做这些事。

聊聊你的项目

继续阅读

相关文章

返回博客