如何过滤Woocommerce产品

您是否正在寻找一种在 WooCommerce 商店中按属性过滤产品的方法?按属性过滤 WooCommerce 产品可以让客户更轻松地找到他们想要购买的商品。它有助于节省客户的时间并使购物体验更加无缝。在本文中,我们将向您展示如何在在线商店中按属性设置使用 WooCommerce 过滤器。

过滤 WooCommerce 产品

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

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

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

WooCommerce 产品过滤器预览

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

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

如何按属性过滤 WooCommerce 产品

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

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

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

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

单击创建新预设按钮

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

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

输入预设名称

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

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

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

选择水平预设布局,然后单击“添加新过滤器”按钮

为 WooCommerce 产品创建过滤器

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

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

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

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

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

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

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

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

从下拉菜单中选择分类选项,然后为类别编写术语

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

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

从下拉菜单中选择过滤器类型

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

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

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

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

选择订单类型为升序或降序

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

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

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

配置常规设置

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

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

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

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

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

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

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

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

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

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

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

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

自定义滤镜颜色

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

配置 SEO 设置

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

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

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

配置过滤器预设的 SEO 设置

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

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

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

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

复制过滤器预设的短代码

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

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

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

将过滤器预设短代码添加到块中

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

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

WooCommerce 产品过滤器预览

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

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

创建自定义属性

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

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

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

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

创建属性

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

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

单击配置条款链接以创建条款

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

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

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

添加属性术语

将自定义属性添加到产品

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

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

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

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

从下拉菜单中选择您创建的自定义属性

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

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

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

为产品添加属性术语

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

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

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

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

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

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

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

单击创建新预设按钮

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

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

创建过滤器

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

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

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

从下拉菜单的过滤器中选择分类选项

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

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

选择自定义属性过滤器并添加其术语

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

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

从下拉菜单中选择过滤器类型

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

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

选择订单类型为升序或降序

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

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

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

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

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

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

自定义滤镜颜色

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

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

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

配置过滤器预设的 SEO 设置

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

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

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

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

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

复制过滤器预设的短代码

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

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

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

将过滤器预设短代码添加到块中

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

WooCommerce独立站
Image

联系我们

六翼为您提供更丰富的服务项目,涵盖设计、开发、多媒体、营销、云服务等,驱动品牌网站的互联网创新发展,释放品牌潜力。

联系电话

400-188-6006
010-86469696

在线咨询