如果您希望在线商店取得成功，仅仅为客户提供令人惊叹的产品是不够的。您还需要知道如何在您的网站上有效地展示它们。幸运的是，所有产品 WooCommerce Block 使您能够在您想要的任何页面或帖子上以整齐的网格显示所有项目。
在本文中，我们将仔细研究“所有产品”块的工作原理，并向您展示如何将其添加到您的站点。我们还将讨论一些有效使用此块的最佳实践。
让我们开始吧！
如何将所有产品 WooCommerce 块添加到您的帖子或页面
所有产品块使您能够在具有分页和排序选项的专业网格中显示所有产品。但是，此功能仅在您使用 WooCommerce 时可用。使用该插件，您还可以在块编辑器中访问所有其他 WooCommerce 块。
要使用“所有产品”块，请打开页面或张贴您想要展示您的产品的位置。然后单击加号 (+) 添加新块并使用搜索栏查找所有产品选项：
插入区块后，您将看到完整的产品列表：
默认情况下，此块每行显示三个项目，每页显示九个项目。它还显示有关每个产品的关键详细信息，包括其名称和价格，以及图像和号召性用语 (CTA) 按钮。但是，您可以选择修改网格的外观及其包含的项目。
All Products WooCommerce 阻止设置和选项
现在，让我们探索 All Products 块提供的主要设置。首先，我们将查看用于修改网格外观的选项。
如果你点击区块，你会在右边的面板中得到一系列的设置：
在布局设置下，您可以选择每页要显示的行数和列数。您还可以定义最后一个内部块的对齐方式。在我们的示例中，这是 CTA 按钮：
/ p>
当我们打开对齐最后一个块选项时，会发生以下情况：
如果向下滚动面板，您还会看到内容设置：
默认情况下，此块带有一个下拉菜单，允许用户按受欢迎程度、平均评分、价格和其他变量进行排序产品。您可以选择禁用此功能，或从产品订购依据下的下拉菜单中选择一个排序选项。
最后我们还有高级设置：
此部分使您能够向块添加新的 CSS 类。但是，我们建议您仅在知道如何使用样式表的情况下才使用此功能。
让我们继续配置网格中的项目。如果您再次点击该区块，您将看到一个包含四个主要设置的工具栏：
这里是每个选项的快速概述：
- 更改块类型或样式：您可以将其转换为块或列块。
- 更改对齐方式：您可以选择全角或宽角布局。
- 编辑：这使您能够修改块内的元素。
- 选项：您可以复制块、将其分组、将其添加到可重复使用的块或将其删除。
如果要编辑网格内的商品，需要选择第三个选项。这将允许您在预览中使用块：
如果你点击一个元素（比如产品图片），你会在右侧面板中看到它的一些设置：
例如，您可以选择是否将图片链接到产品页面，或显示“促销”相关项目的徽章。您还可以选择销售徽章的对齐方式，并将图像大小设置为全尺寸或裁剪尺寸。
此外，您可以选择插入额外的 WooCommerce 块。您需要做的就是单击加号图标 (+) 并选择一个元素：
您还可以使用工具栏中的向上和向下箭头来移动块。如果你想删除一个块，你所要做的就是点击它并按下键盘上的 Delete 键（或从工具栏选项中选择“删除块”）。
当您对更改感到满意时，单击“所有产品”块中的“完成”按钮。如果您想撤消所做的所有更改，您可以选择重置布局。
有效使用 All Products WooCommerce 区块的技巧和最佳实践
正如我们所见，All Products WooCommerce 区块提供了一种在一个地方展示所有产品的有效方式。但是，在使用此功能时需要考虑一些事项。
例如，您可能希望显示尽可能少的产品信息。虽然您可能想在“所有产品”块中插入更多 WooCommerce 元素，但显示太多细节可能会淹没潜在客户。相反，我们建议您坚持最重要的细节，尤其是产品名称和价格。
此外，您可能希望确保每个项目都链接回相关的产品页面。这样，对产品感兴趣的用户可以点击它了解更多信息。
最后，我们还建议您一次只显示几个项目：
用无穷无尽的产品行填满整个页面可能会让您的用户筋疲力尽。它还会对您的页面加载时间产生负面影响，从而损害整体用户体验。
关于所有产品 WooCommerce Block 的常见问题
至此，我们已经涵盖了您需要了解的关于所有产品 WooCommerce Block 的所有主要内容。但是，您可能仍然对此有一些疑问。让我们来看看关于这个区块的一些最常见的查询。
我可以更新所有产品块中的产品详细信息吗？
不幸的是，这个问题的答案是否定的。此块只能选择要显示的产品详细信息。如果您想更新商品的价格或任何其他相关信息，您需要在控制面板内的产品页面上进行操作。
我能否将某些产品排除在该区块之外，或限制产品数量？
顾名思义，所有产品块显示您所有的 WooCommerce 产品。目前没有选项可以排除某些产品或限制出现在块中的项目数量。
版块内有搜索功能吗？
使用“所有产品”块，用户可以根据不同的标准对产品进行排序并浏览各个页面。但是，没有搜索功能使他们能够在块本身内搜索产品。话虽如此，您可以使用 Product Search WooCommerce 块来帮助您的访问者更轻松地找到他们正在寻找的东西。
结论
All Products WooCommerce 区块使您能够在网站的任何位置显示完整的产品目录。您还可以设置每页显示的项目数并选择要显示的产品信息。
为避免访问者不知所措，我们建议您只显示最重要的产品详细信息，例如名称和价格。客户只需单击一个项目即可访问相关页面并了解有关该产品的更多信息。
您对如何使用 WooCommerce 中的所有产品块有任何疑问吗？在下面的评论部分让我们知道！
特色图片来自 Julia Tim/shutterstock.com
来源
