您当前的位置:首页 > 电脑百科 > 程序开发 > 开源程序 > WordPress

如何过滤Woocommerce产品

时间:2023-08-11 14:59:41  来源:  作者:六翼开源建站

您是否正在寻找一种在 WooCommerce 商店中按属性过滤产品的方法?

按属性过滤 WooCommerce 产品可以让客户更轻松地找到他们想要购买的商品。它有助于节省客户的时间并使购物体验更加无缝。

在本文中,我们将向您展示如何在在线商店中按属性设置使用 WooCommerce 过滤器。

为什么按属性过滤 WooCommerce 产品?

过滤器使客户可以非常轻松地浏览WooCommerce 商店中的产品。

它们允许购物者根据不同的属性缩小搜索范围,包括颜色、价格范围、面料、尺寸等。用户无需滚动浏览整个产品集合,只需浏览他们感兴趣的产品即可。

添加过滤器有助于增强用户体验、改进搜索功能并降低在线商店的跳出率。

他们还可以通过让客户看到他们感兴趣的产品的所有可用选项来增加销售额,帮助他们做出更明智的购买。

如何按属性过滤 WooCommerce 产品

如果您正在寻找一种快速简便的方法来过滤 WooCommerce 产品,那么此方法适合您。我们将向您展示如何通过属性设置设置简单的 WooCommerce 过滤器。

首先,您需要安装并激活YITH WooCommerce Ajax 产品过滤器插件。

激活后,从 wordPress/ target=_blank class=infotextkey>WordPress 管理侧边栏前往YITH » Ajax 产品过滤器页面。

从这里,单击“+创建新预设”按钮开始创建过滤器预设。

到达那里后,您可以首先在“预设名称”框中输入过滤器的名称。

请记住,预设名称不会显示在您的商店中,仅供您参考。

接下来,只需选择“水平”作为预设布局,然后单击底部的“+ 添加新过滤器按钮”。

如果您使用的是该插件的免费版本,则此选项将不可用。相反,您将拥有“默认”预设布局。

您现在可以开始为您的 WooCommerce 产品创建过滤器。

为 WooCommerce 产品创建过滤器

首先,您需要在“过滤器名称”选项旁边输入过滤器名称。

例如,如果您要创建一个过滤器来帮助客户对产品类别进行排序,那么您可以将其命名为“按类别过滤”。

接下来,您可以从“过滤器”下拉菜单中选择过滤器的参数。请记住,该插件的免费版本仅提供产品类别和标签的过滤器。

如果您要创建过滤器以按不同价格范围对产品进行排序,则必须选择“价格范围”选项。同样,如果您想按受欢迎程度或平均评分对产品进行排序,则需要选择“排序依据”选项。

如果您想过滤产品标签、类别、颜色、尺寸、材料、款式等,您还可以选择“分类”选项。在本教程中,我们将使用此选项。

完成此操作后,您必须从过滤器的分类选项中进行选择。例如,如果您想按颜色过滤产品,则需要从下拉菜单中选择该选项。

当我们为产品类别创建过滤器时,我们将选择“产品类别”选项。

接下来,您必须在“选择条款”部分中输入网站上的所有产品类别。

之后,您可以从“过滤器类型”下拉菜单中选择过滤器在商店前端的显示方式。

您可以将过滤器显示为复选框、下拉菜单、文本、色样等。在本教程中,我们将选择“选择”选项来添加下拉菜单。

接下来,如果您想在下拉菜单中启用搜索框,则需要切换“显示搜索字段”开关。

您还可以通过激活“显示为切换”开关将您创建的过滤器显示为切换。然后,客户将能够打开和关闭过滤器。

完成此操作后,只需从“排序依据”下拉菜单中为过滤条件选择默认顺序即可。过滤器类别将按照您选择的顺序显示。

您可以使用名称、术语计数或别名对过滤器类别进行排序。您还可以按升序 (ASC) 或降序 (DESC) 顺序为过滤条件选择“订单类型”。

最后,单击底部的“保存过滤器”按钮以保存过滤器。

现在,重复该过程以创建多个过滤器。

完成此操作后,返回顶部并切换到“常规设置”选项卡以配置一些设置。

配置常规设置

在这里,您必须首先选择“过滤模式”选项。您可以选择是否要使用AJAX实时应用过滤器,或者是否要在网站上显示“应用过滤器”按钮。

接下来,您还必须在显示保存按钮或立即显示过滤器结果之间做出选择。

完成此操作后,选择是否要使用 AJAX 在同一页面上显示过滤结果,或者是否要在新页面上重新加载结果。

接下来,如果您不想显示空的过滤条件,则需要向下滚动到“隐藏空条件”选项并打开开关。

例如,如果您在 WooCommerce 商店中添加了“杯子”类别,但其中当前没有商品,那么它不会显示在“按类别过滤”列表中。

之后,如果您不想在结果中显示缺货产品,请继续切换“隐藏缺货产品”开关。

您可以将其他设置保留为默认值或根据自己的喜好进行配置。

做出选择后,单击“保存选项”按钮来存储更改并切换到顶部的“自定义”选项卡。

配置自定义设置(仅限高级插件)

注意:如果您使用免费版本的插件,“自定义”选项卡将不可用。

从这里,您可以选择 WooCommerce 过滤器的标签样式颜色、文本术语颜色、色样大小、过滤器区域颜色等。

添加颜色可以帮助您的 WooCommerce 过滤器看起来更美观并与您的在线商店的品牌相匹配。

做出选择后,单击“保存选项”按钮并从顶部切换到“seo”选项卡。

配置 SEO 设置

到达那里后,切换“启用 SEO 选项”开关以激活设置。

现在,您可以从下拉菜单中添加元标记以在过滤后的页面上使用。这将改善您网站的搜索引擎优化。

您还可以通过切换“添加“nofollow”来过滤锚点”开关,自动将 nofollow 属性添加到所有过滤的锚点。这将告诉搜索引擎在对页面进行排名时不要使用过滤器锚点。

一旦您满意,请单击“保存选项”按钮来存储设置。

将 WooCommerce 过滤器添加到产品页面

要将您刚刚创建的过滤器添加到 WooCommerce 产品页面,您需要从顶部切换到“过滤器预设”选项卡。

到达那里后,只需复制您刚刚创建的过滤器预设的短代码即可。

接下来,只需从 WordPress 管理侧边栏的块编辑器中打开您的WooCommerce 产品页面。

到达那里后,单击左上角的添加块“(+)”按钮以找到简码块。

现在,只需将您复制的过滤器预设短代码粘贴到短代码块中即可。

最后,单击“发布”或“更新”按钮保存更改。

您现在可以访问您的网站,查看 WooCommerce 按属性过滤功能的实际效果。

如何按自定义属性过滤 WooCommerce 产品

如果您想使用自定义属性创建 WooCommerce 产品过滤器,那么此方法适合您。

创建自定义属性

要创建自定义属性,您需要从 WordPress 管理侧边栏访问产品 » 属性页面。

到达那里后,首先输入属性的名称和别名。

例如,如果您想为特定产品材料创建过滤器,则可以将属性命名为“按材料过滤”。

接下来,如果您想在单个页面上显示共享该属性的所有项目,则必须选中“启用存档”框。

之后,单击底部的“添加属性”按钮。

创建属性后,单击“配置术语”链接将术语添加到属性。

这将引导您进入一个新屏幕,您必须在“名称”框中输入一个术语。

例如,如果您创建了一个名为“按材质过滤”的属性,那么您可以将各个材质添加为术语,例如羊毛。您可以向属性添加任意数量的术语。

完成后,单击“按材质添加新过滤器”按钮以保存术语。

将自定义属性添加到产品

创建属性后,您需要将其添加到各个 WooCommerce 产品中。

为此,您必须打开要编辑的产品页面。从这里,向下滚动到“产品数据”部分并切换到“属性”选项卡。

接下来,只需打开“自定义产品属性”下拉菜单并选择您刚刚创建的自定义属性。

现在,继续并单击“添加”按钮。

现在已添加自定义属性,只需在“选择术语”选项中搜索与产品匹配的术语即可。

例如,如果您为材质创建了一个属性,并且您正在编辑的产品是由羊毛制成的,那么您需要从下拉菜单中选择“羊毛”。

完成后,单击“保存属性”按钮。

接下来,单击顶部的“更新”或“发布”按钮以保存更改。

现在,您必须对具有相同属性的所有产品重复此过程。

使用插件创建自定义属性过滤器

接下来,您需要安装并激活YITH WooCommerce Ajax 产品过滤器插件。

注意:您可以使用该插件的免费或高级版本为 WooCommerce 创建自定义属性过滤器。

激活后,从 WordPress 管理侧边栏前往YITH » Ajax 产品过滤器页面。

从这里,继续并单击“+ 创建新预设”按钮。

接下来,您必须在“预设名称”框中输入要创建的预设的名称。

完成后,单击底部的“+ 添加新过滤器按钮”开始创建 WooCommerce 自定义属性过滤器。

首先,您必须在“过滤器名称”框中输入名称。

例如,如果您要创建一个过滤器来帮助客户对不同的材料选项进行排序,那么您可以将其命名为“材料过滤器”。

接下来,只需从“过滤器”下拉菜单中选择“分类法”。如果您使用的是该插件的免费版本,则默认情况下将为您选择此选项。

现在,您创建的自定义属性已在“选择分类法”选项旁边的下拉菜单中可用。

继续从下拉列表中选择自定义属性,然后在“选择术语”框中输入属性术语。

接下来,您必须从“过滤器类型”下拉菜单中选择过滤器在商店前端的显示方式。

该过滤器可以显示为复选框、下拉菜单、文本、色样等。

完成此操作后,从“排序依据”下拉菜单中为过滤条件选择默认顺序。

您可以使用名称、术语计数或别名对过滤器类别进行排序。您还可以按升序 (ASC) 或降序 (DESC) 顺序为过滤条件选择“订单类型”。

最后,单击底部的“保存过滤器”按钮以保存自定义属性过滤器。

接下来,您需要从顶部切换到“常规设置”选项卡。从这里,您可以选择过滤模式,隐藏空术语,并根据您的需要配置其他设置。

完成后,单击“保存选项”按钮来存储更改并切换到顶部的“自定义”选项卡。

注意:如果您使用免费版本,则自定义设置将不可用。

从这里,您可以自定义过滤器预设在网站前端的外观。

例如,您可以选择标签样式颜色、文本术语颜色、色样大小、过滤区域颜色等。

做出选择后,单击“保存选项”按钮并从顶部切换到“SEO”选项卡。

从这里,切换“启用 SEO 选项”开关以激活设置。

您可以从下拉菜单中添加机器人元标记以在过滤后的页面上使用。这将改善您网站的搜索引擎优化 (SEO)。

您还可以切换“添加“nofollow”到过滤器锚点”开关,以自动将nofollow 属性添加到所有过滤器锚点。

一旦您满意,请单击“保存选项”按钮来存储设置。

将自定义属性过滤器添加到 WooCommerce 产品页面

要将自定义属性过滤器添加到 WooCommerce 产品页面,您需要切换到顶部的“过滤器预设”选项卡。

从此处复制自定义属性过滤器的短代码。

接下来,从 WordPress 管理侧边栏的块编辑器中打开您的产品页面。

在这里,单击左上角的添加块“(+)”按钮以查找并添加简码块。

之后,只需将您复制的过滤器预设短代码粘贴到块中即可。

最后,单击“发布”或“更新”按钮保存更改。



Tags:Woocommerce   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
如何自定义WooCommerce产品页面(无代码方法)
您是否正在寻找一种自定义WooCommerce产品页面的方法?通过微调您的WooCommerce产品页面,您可以获得更多销售额并提高商店的转化率。在本文中,我们将向您展示如何自定义WooComme...【详细内容】
2023-08-28  Search: Woocommerce  点击:(316)  评论:(0)  加入收藏
如何将产品视频添加到您的WooCommerce画廊
您是否希望将产品视频添加到您的WooCommerce产品库中?视频可以为您的产品提供更详细、更引人入胜的演示。此外,它们可以帮助您的WooCommerce商店更具视觉吸引力和吸引力。在本...【详细内容】
2023-08-18  Search: Woocommerce  点击:(202)  评论:(0)  加入收藏
如何过滤Woocommerce产品
您是否正在寻找一种在 WooCommerce 商店中按属性过滤产品的方法?按属性过滤 WooCommerce 产品可以让客户更轻松地找到他们想要购买的商品。它有助于节省客户的时间并使购物体...【详细内容】
2023-08-11  Search: Woocommerce  点击:(169)  评论:(0)  加入收藏
如何编辑WooCommerce页面(无需编码)
您想在不编写代码的情况下编辑WooCommerce页面吗?WooCommerce创建许多页面来显示产品并为您的商店添加购物车功能。对这些页面的小改进可以提高销售额并减少商店的购物车放弃...【详细内容】
2023-08-08  Search: Woocommerce  点击:(255)  评论:(0)  加入收藏
如何在WooCommerce中添加快速结帐按钮
您是否希望向在线商店添加快速结帐按钮?快速结账有助于简化结账流程并改善客户的整体购物体验。它还可以提高转化率并减少购物车放弃率。在本文中,我们将向您展示如何在WooCom...【详细内容】
2023-08-02  Search: Woocommerce  点击:(179)  评论:(0)  加入收藏
如何在WordPress上配置WooCommerce
如果您尝试将WooCommerce与WordPress一起使用,那么在设置它时需要了解一些事项。如果您正在寻找一种简单的方法来设置您的在线商店并且仍然拥有博客功能,这是一个好主意。以下...【详细内容】
2023-07-07  Search: Woocommerce  点击:(164)  评论:(0)  加入收藏
▌简易百科推荐
Elementor使用教程:初学者指南,从入门到精通
如果你正在寻找一篇全面的Elementor使用教程,那么你来对了地方。这篇教程将引导你通过Elementor的拖放界面,一步步构建出自己的外贸网站,无需任何编程知识。什么是Elementor编...【详细内容】
2024-03-12  郑州白帽子网络科技    Tags:Elementor   点击:(20)  评论:(0)  加入收藏
TXT文章导入WordPress的5个方法
WordPress作为最受欢迎的开源博客平台之一,强大的可扩展性和友好的用户界面使其备受欢迎。对于一些用户而言,将纯文本文件(txt)导入到WordPress中可能是一个挑战。本文将深入探...【详细内容】
2023-12-19  肿浮宠物    Tags:WordPress   点击:(99)  评论:(0)  加入收藏
如何将 WordPress 类别转换为自定义分类法
您想将您的 WordPress 类别转换为自定义分类法吗?类别是帮助您对内容进行排序的两个默认分类法之一。WordPress 还允许您创建和使用自定义分类法。在本文中,我们将向您展示如...【详细内容】
2023-12-08  六翼开源建站    Tags:WordPress   点击:(92)  评论:(0)  加入收藏
为什么WordPress网站需要SSL证书?
WordPress是目前最受欢迎和广泛使用的内容管理系统,因其易用性和灵活性而备受欢迎。然而,在当前的数字化环境中,网站的安全性也变得越来越重要。为了提供安全的访问和保护用户...【详细内容】
2023-12-07  安信SSL证书    Tags:WordPress   点击:(138)  评论:(0)  加入收藏
如何在 WordPress 中重新发送新用户欢迎电子邮件
您想向您的 WordPress 用户重新发送欢迎电子邮件吗?欢迎电子邮件有助于与新用户建立信任,并确保人们记住您的网站和业务。但是,您的欢迎电子邮件有时可能会进入垃圾邮件文件夹,...【详细内容】
2023-11-24  六翼开源建站    Tags:WordPress   点击:(129)  评论:(0)  加入收藏
在WordPress中添加联系表单弹出窗口
您是否正在寻找一种在WordPress网站上显示联系表单弹出窗口的简单方法?联系表格非常适合与访问者交流。将它们放在弹出窗口中可以让您的客户更轻松地就您的产品和服务与您联...【详细内容】
2023-09-07  六翼开源建站    Tags:WordPress   点击:(293)  评论:(0)  加入收藏
如何在WordPress中将经典块批量转换为古腾堡
您想使用经典块将旧内容批量转换为WordPress中的古腾堡(块)格式吗?更新到WordPress 5.0以上的任何版本后,您的旧帖子和页面内容将显示在新的WordPress内容编辑器的经典块中。如...【详细内容】
2023-09-06  六翼开源建站    Tags:WordPress   点击:(252)  评论:(0)  加入收藏
如何使用WordPress在新窗口或选项卡中打开外部链接
您想在新的浏览器窗口或选项卡中打开博客文章中的外部链接吗?在新窗口中打开外部链接可让您的用户在不离开您的网站的情况下访问该链接。这会导致更高的用户参与度,因为他们在...【详细内容】
2023-09-06  六翼开源建站    Tags:WordPress   点击:(213)  评论:(0)  加入收藏
如何创建自定义WordPress搜索表单
您想为您的WordPress网站创建自定义搜索表单吗?搜索是大多数用户在您的网站上找到相关且有趣的内容的方式。如果他们无法轻松找到所需的内容,那么他们可能会转到其他网站。在...【详细内容】
2023-09-05  六翼开源建站    Tags:WordPress   点击:(326)  评论:(0)  加入收藏
如何在WordPress中添加音频音乐播放器小部件
您想在WordPress中添加音频音乐播放器小部件吗?音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和引人入胜的体验。在本文...【详细内容】
2023-09-04  六翼开源建站    Tags:WordPress   点击:(364)  评论:(0)  加入收藏
站内最新
站内热门
站内头条