Gutenberg Block for WooCommerce Product Table

网名号推荐:专升本 养老院 网络推广

WooCommerce 产品表的Gutenberg 块为Barn2 的WooCommerce 产品表插件添加了一个用户友好的编辑器块,为 Gutenberg 用户创建产品表提供了一种更简单的方法。它需要 WooCommerce 产品表(单独提供 - 注册免费试用)才能工作。

WooCommerce 产品表以快速订单格式列出产品,旨在增加您的销售额和平均订单价值。客户无需访问每个产品的单独页面,而是可以从产品表中选择产品、数量和变体,然后快速将它们添加到购物车中。

WooCommerce 产品表非常灵活,您可以选择要包含的产品、各种列选项、过滤器、即时 AJAX 搜索、添加到购物车按钮样式等。

WooCommerce 产品表的 Gutenberg Block使用 Gutenberg 编辑器可以轻松地在您网站的任何位置插入产品表。这使您可以完全控制您的产品表,而无需使用简码。

块选项
您可以使用 WooCommerce 产品表编辑器块添加任意数量的产品表。您甚至可以将多个表添加到同一页面。

默认情况下,每个产品表都将从 WooCommerce 产品表插件设置页面继承全局选项。您可以为每个单独的块覆盖以下选项:

选择您的产品表列:

从 SKU、ID、产品名称、描述、简短描述、发布日期、类别、标签、评论/星级、库存、重量、尺寸、价格、添加到购物车、按钮、属性、自定义字段和自定义分类中选择
更改列的顺序
重命名列
选择要包含在表格中的产品:

列出所有产品,或根据类别、标签、自定义字段、自定义分类、属性、年、月、日、状态、ID 选择特定产品,或列出当前用户之前订购的产品。
排除特定产品或类别。
添加到购物车列设置:

添加到购物车按钮 - 从按钮、复选框或两者中选择。
数量选择器。
变体 - 显示为下拉列表,在表格的单独行中列出每个变体,或链接到单个产品页面。
产品过滤器——在表格上方添加过滤器下拉列表,以便客户可以按类别、标签、属性或自定义分类细化列表。

其他选项——您还可以使用 WooCommerce 产品表插件中提供的其他 50 多个选项中的任何一个。
如何使用积木
首先确保已安装WooCommerce、Gutenberg Block for WooCommerce 产品表和WooCommerce 产品表。
接下来,转到使用 Block (Gutenberg) 编辑器的任何页面或帖子,然后单击 + 图标以添加新块。
导航到“WooCommerce”部分并找到名为“WooCommerce 产品表”的块,或在搜索框中输入“WooCommerce 产品表”。这会将 WooCommerce 产品表块插入到编辑器中。
默认情况下,该块将列出您的所有产品,并将从WooCommerce 产品表插件设置页面继承全局选项。您可以通过直接在 Gutenberg 块中设置选项来覆盖这些:
表列– 使用“添加列”下拉菜单选择要包含在 WooCommerce 产品表中的列。您可以使用拖放重新排序列,并通过单击铅笔图标重命名列。阅读有关产品表列的更多信息。
产品– 使用“选择产品”下拉列表列出表格中的特定产品。例如,您可以按 ID、类别、标签、属性、自定义字段值、自定义分类术语、日期、状态等选择产品。还有一些选项可以根据类别或 ID 从表中排除产品。阅读有关列出特定产品的更多信息。
您将在编辑器侧边栏的“块”选项卡中找到其他块设置。使用这些来配置表格的添加到购物车列;在表格上方添加过滤器下拉列表;并使用WooCommerce 产品表中可用的任何其他选项。
最后,更新或预览页面以查看您网站前端的产品表。
重复步骤 2-5 以添加更多产品表。

下一篇: