WooCommerce产品类别列表区块使用设置图文教程

WooCommerce产品类别列表区块使用设置图文教程插图

当你在经营一家网上商店时,确保客户能够快速找到他们正在寻找的东西是至关重要的。做到这一点的一个方法是使用产品类别列表WooCommerce块来向游客显示特定的类别。这个区块甚至可以让你选择项目是以下拉列表还是以扩展视图的形式呈现。

在这篇文章中,搬主题将介绍如何在WordPress中使用WooCommerce产品类别列表区块,包括如何将它添加到你的文章和页面,并自定义其各种设置和选项。然后我们将为您提供一些设置技巧,并回答一些常见问题。

如何将WooCommerce产品类别列表区块添加到你的文章或页面上

WooCommerce产品类别列表区块基本上可以用来取代旧的产品分类部件。它可以让你在你的网站上展示一个特定类别的项目列表,并控制它们的显示方式。

请注意,只有当你安装并激活了WooCommerce插件时,这个模块才可用。一旦激活,你还可以访问大量其他方便的WooCommerce块,如所有产品和特色产品块。

将WooCommerce产品类别列表区块添加到您的在线商店很简单。要开始,你可以导航到你想添加列表的文章或页面。

接下来,点击块编辑器中的添加块按钮(加号图标)(1),然后搜索 "产品类别列表"(2)。这应该是出现的第一个选项(3)。

WooCommerce产品类别列表区块使用设置图文教程插图1

另外,你可以通过在任何段落块中直接输入"/产品类别列表 "来插入该块。当你按下回车键时,该区块将被自动添加到你的页面或文章中。

WooCommerce产品类别列表区块设置和选项

一旦你插入这个块,它将显示你的商店中当前产品类别的列表。如果你没有任何类别,你可以在你的WordPress管理仪表板上导航到产品>类别来创建它们。

WooCommerce产品类别列表区块使用设置图文教程插图2

这也是你可以删除任何你不再需要的类别,或者编辑现有的类别,如果你想修改它们的细节。在你插入产品类别列表块后,顶部会出现一个工具条。

WooCommerce产品类别列表区块使用设置图文教程插图3

第一个图标可以让你把这个元素变成一个组或列块。第二个图标使你能够改变对齐方式。默认情况下,该块将是左对齐的,但你可以将它调整为居中或在右边。如果你点击三个垂直点,你会看到一些额外的设置。这包括选择将该块添加到你的可重复使用的块中,在这个块之前或之后插入另一个块,以及复制该块。

区块设置

在屏幕的右边,你可以找到大量的附加选项。

WooCommerce产品类别列表区块使用设置图文教程插图4

让我们来看看这些设置都有什么作用。

  1. 显示方式。在这里你可以决定你的列表是以扩展的列表形式出现,还是以下拉的形式出现。最好的选择取决于你希望列表在页面上占用多少空间。
  2. 显示产品数量。正如你在上面的例子中看到的,这个区块在括号中显示每个类别下包含的产品数量。如果你不想显示这个数字,你可以切换关闭这个设置。
  3. 显示类别图片。默认情况下,类别图像是禁用的。然而,如果你想让列表更有视觉吸引力,你可以关闭这个设置。
  4. 显示层次结构。你可以使用这个设置来显示你的产品的子类别。它在默认情况下是打开的,但如果你有大量的分类,可能不是最好的选择(因为该块会开始看起来非常拥挤)。
  5. 显示空类别。这个设置可以让你显示类别,即使你没有任何产品在其中。最好确保这个选项被禁用。

最后,在设置面板的最后,还有一个高级部分。你可以用它来添加你自己的自定义CSS,如果你愿意对块的样式进行手动调整的话。

有效使用WooCommerce产品类别列表区块的设置技巧

正如你所看到的,添加和定制WooCommerce产品类别列表区块的设置是非常容易的。然而,你可能要考虑一些最佳做法,以确保你有效地使用它。

首先,在配置设置时,必须同时考虑设计和功能。你要确保类别列表对你的客户来说是可见的和可访问的,而不会分散他们的注意力。

例如,如果你有一个有许多不同类别的大型商店,使用列表显示选项可能不是最好的主意,特别是如果你想在页面上节省空间。相反,考虑使用下拉式,它可以节省空间,看起来更干净。

WooCommerce产品类别列表区块使用设置图文教程插图5

如果你有一个较小的列表,并希望一次显示所有的项目,我们建议同时显示产品类别图片。

WooCommerce产品类别列表区块使用设置图文教程插图6

这可以帮助使列表更有吸引力,更有美感。它还可以帮助访问者轻松找到他们正在寻找的东西。如果你想更新或添加图片到你的产品类别,你可以通过在你的仪表板上进入产品>类别,然后点击类别名称下的编辑链接来实现。

WooCommerce产品类别列表区块使用设置图文教程插图7

你可以在屏幕的底部找到上传缩略图的选项。当你完成后,记得点击更新。

关于WooCommerce产品类别列表区块的常见问题

正如你所看到的,WooCommerce产品类别列表区块使用起来很简单。然而,为了确保我们涵盖所有的关键信息,让我们回顾一下关于它的一些常见问题。

如何添加产品类别列表区块?

你可以通过导航到你想包含它的文章或页面,然后点击添加块按钮来添加这个块。接下来,只需搜索 "产品类别列表 "并选择出现的第一个选项。或者,你也可以在编辑器中输入"/产品类别块",然后点击回车。

在哪里可以使用WooCommerce产品类别列表区块?

你可以在你的WordPress网站上任何支持块编辑的地方添加这个块。这包括你的页面和文章。你也可以把它添加到你的侧边栏、页脚和其他小部件区域。

最后总结

WooCommerce产品类别列表区块帮助您提高购物者的用户体验(UX)。它让你决定显示哪些类别的产品,以及它们的显示方式。

正如我们在这篇文章中所讨论的,有一些设置和选项,你可以用来定制分类列表。这包括将其显示为一个完全展开的列表,并配有缩略图,或作为一个下拉菜单。你可以在你的网上商店的任何文章或页面上使用它,也可以在任何你可以插入WordPress小部件的地方(如你的侧栏或页脚区域)使用。

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《WooCommerce产品类别列表区块使用设置图文教程》
文章链接:https://www.banzhuti.com/product-categories-list-woocommerce-block.html
本站资源仅供个人学习交流,不允许用于商业或违反国家法律法规之用途,否则法律问题自行承担。如有转载需注明文章来源。
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活