将 WooCommerce 变体样本添加到您的 WooCommerce 产品表和快速查看
今天，我将告诉您如何将变体样本添加到您的 WooCommerce 产品表和快速查看灯箱中。
我们的 WooCommerce 产品表插件提供了列出产品变体的多种方式。 您可以将 WooCommerce 的产品变体样本作为添加到购物车列中的下拉列表列出，或者您可以在表格的单独行中列出每个变体。 它使您无需使用 HTML 或 CSS 代码即可完成所有这些工作。
另一方面，我们的 WooCommerce Quick View Pro 插件为您的电子商务商店添加了用户友好的按钮，以便客户可以从快速查看灯箱中阅读更多内容并将其添加到购物车，而不必转到单个产品页面。 这可以防止他们需要访问每个产品的单独页面并简化用户流程。
您可以将其与默认的 WooCommerce 商店布局或可自定义的产品表一起使用。
但是，如果您想让您的变化更加直观，以便客户可以通过单击不同的样本类型（例如颜色样本或图像样本）来选择变化呢？ 现在，您可以通过使用我们的插件和美妙的免费插件来做到这一点 WooCommerce 变化样本 插入。
获取产品表 获取快速查看 获取变化样本
WooCommerce 变体色板插件有什么作用？
WooCommerce Variation Swatches 提供了一种基于图像样本的方式来选择产品变体。 它使 WooCommerce 产品变体更加引人注目，以便客户在单击变体时可以准确地看到他们得到了什么。
这个免费的 WordPress 插件提供了用于添加不同变体样本类型的选项：
- 您可以将其用作 WooCommerce 颜色变化插件，每个选项都列为供客户单击的色样。
- 通过以下方式创建独特的变体选择器 上传您自己的产品图片或变体图片 对于每个可变产品。 例如，您可以上传照片或其他变体图像来表示每个产品属性。
- 或者，您可以将每个可用的变体选项列为按钮样本。 属性名称显示为按钮文本。
如果您正在寻找 WooCommerce 颜色和标签样本，那么这是适合您的完美 WP 插件。
WooCommerce 产品表中的变体颜色选择器如何工作？
当您使用 WooCommerce 产品表插件列出变体时，可以选择将变体列为添加到购物车列中的下拉列表。 如果您将 WooCommerce 产品表与 WooCommerce 变体样本插件一起使用，则颜色样本、自定义图像或按钮将出现在表中每个变体的下拉列表下方。
你所要做的就是去 页面 → 添新 并插入 WooCommerce 产品表短代码 [product_table] 显示产品变化。 您还可以用产品表替换默认的 WooCommerce 商店页面。 它在前端看起来像这样：
在此屏幕截图中，您可以看到具有 2 个全局属性的 WC 产品 – 颜色 属性和 尺寸 属性：
- “颜色”下拉菜单下方有不同的颜色样本，以便客户可以单击颜色而不是使用下拉菜单。
- “尺码”下拉菜单下方有按钮，方便客户选择尺码。
在我们的产品表变体样本演示页面上查看它的实际效果！
当您单击可变产品的颜色或尺寸样本时，会立即在下拉列表中选择正确的变体，即它是 AJAX 变体。 它与内置的 Woo 库存控制和库存管理完美配合。 此外，客户不必将鼠标悬停在图像上即可查看可用的变体。 缺货的变体在视觉上被划掉（例如上面屏幕截图中的“大”），因此您可以立即看到哪些组合可用。 库存指标会在您选择变体后立即更新，例如，如果您在上面的示例中选择“粉红色”，则即使“白色”中的大号商品缺货，也可能会显示为可用。
从商店页面选择有库存的变体后，您可以将其添加到购物车并使用 WooCommerce 结帐进行购买。
它是否适用于产品表中的单独变体？
WooCommerce 产品表还带有一个选项，可以在表中的单独行上列出每个变体。 这不适用于变体颜色样本插件，因为每个变体已经被分离到单独的行中。 客户只需要使用添加到购物车按钮将每个变体添加到购物车，他们不需要使用色板或按钮。
变化样本如何在 WooCommerce 快速查看中工作？
当您同时使用变体色板和 WooCommerce Quick View Pro 时，色板会自动出现在快速查看灯箱中。 这将替换默认的变体下拉菜单，因此客户必须单击色板按钮、颜色或图像才能选择变体。 他们可以像往常一样单击添加到购物车按钮。
产品表和快速查看是否适用于 WooCommerce 插件的其他变体样本？
我们已经使用其他一些 WooCommerce 变体样本插件对 Woo 产品表和快速查看进行了测试，这是我们发现在产品表中可以很好地工作的唯一一个 – 不需要 HTML 代码或 CSS 样式。
因此，我们建议将 WooCommerce 产品表与免费或高级版本的 WooCommerce 变化样本，而不是来自其他公司的类似插件。 配置插件的全局设置并开始使用非常容易。
它与 WooCommerce 主题（如 Storefront、Divi 和 Flatsome）以及 Elementor 等页面构建器兼容。 此外，您的产品表在移动设备上看起来很棒。
WooCommerce Quick View Pro 也适用于 WooCommerce 变化样本 Get Woo Plugins 的插件，因此您可以将其与其中任何一个一起使用。
获取产品表 获取快速查看 获取变化样本
