超好用建站服务器Hostinger优惠码: SHELLEY666

如何添加WooCommerce产品筛选功能?

📚 文章大纲

很多朋友的C端在线商城,产品类别巨多,还有些产品具有颜色类别,这个时候我们就需要一个产品筛选功能product filter。

默认的WooCommerce产品筛选

woocommerce default sorting

WooCommerce默认的产品筛选分类功能default sorting,并没有什么实际的作用。

我们可以用WooCustomizer插件把WooCommerce的default sorting关掉,然后我们自己再去设计我们真正需要的产品筛选,方便客户更快更方便地找到自己想要的产品。

如何移除WooCommerce产品聚合页的默认分类筛选?

Themify – WooCommerce Product Filter

能实现WooCommerce产品筛选的程序或者插件也非常多,但是免费好用的却极少,今天我就给大家分享Themify – WooCommerce Product Filter这款插件。

在WordPress安装激活就可以开始使用了。然后,你就可以在WordPress后台左侧功能栏找到Product Filter,点击Add New开始创建

创建Product Filter

设置Product Filter展示布局,根据你自己的需要设置就可以了。

添加你想要的筛选功能,可以按照产品类目,产品标题,产品价格来进行筛选

设置每个筛选功能的细节

产品类别可以自定义颜色,很多产品都是需要用颜色颜色分类筛选的,比如假发,指甲油等等需要在购买时挑选颜色的商品。

生成短代码

设置完成之后,就可以生成一段短代码shortcode,你可以把这个短代码粘贴到你网站的产品聚合页上。

如果你的网页是用Elementor编辑器搭建的,那么就用Elementor编辑你的网页,然后拖入ShortCode小区块,把product filter的短代码粘贴过来,最后点击更新页面就可以了。

最终效果

看看最后的效果吧。

最后的话

WordPress网站的Product Filter插件很多,很多都是收费的,这个Themify – WooCommerce Product Filter可以免费使用哦。

你也可以反复调试设置,最终呈现出自己满意的效果。只要短代码不变,你可以根据自己的要求编辑。

这里是YouTube视频教程,大家有什么问题,还可以在评论区讨论哦。

2 Responses

    1. 1. 看下主题是否兼容
      2. 是否是操作问题
      3. 我使用的是Elementor编辑器哈
      希望可以帮助到你

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

添加微信