将 WooCommerce 变体样本添加到您的 WooCommerce 产品表和快速查看

WooCommerce 颜色变化色板插件

今天,我将告诉您如何将变体样本添加到您的 WooCommerce 产品表和快速查看灯箱中。

我们的 WooCommerce 产品表插件提供了列出产品变体的多种方式。 您可以将 WooCommerce 的产品变体样本作为添加到购物车列中的下拉列表列出,或者您可以在表格的单独行中列出每个变体。 它使您无需使用 HTML 或 CSS 代码即可完成所有这些工作。

WooCommerce 批发快速查看插件另一方面,我们的 WooCommerce Quick View Pro 插件为您的电子商务商店添加了用户友好的按钮,以便客户可以从快速查看灯箱中阅读更多内容并将其添加到购物车,而不必转到单个产品页面。 这可以防止他们需要访问每个产品的单独页面并简化用户流程。

您可以将其与默认的 WooCommerce 商店布局或可自定义的产品表一起使用。

但是,如果您想让您的变化更加直观,以便客户可以通过单击不同的样本类型(例如颜色样本或图像样本)来选择变化呢? 现在,您可以通过使用我们的插件和美妙的免费插件来做到这一点 WooCommerce 变化样本 插入。

获取产品表 获取快速查看 获取变化样本

WooCommerce 变体色板插件有什么作用?

WooCommerce Variation Swatches 提供了一种基于图像样本的方式来选择产品变体。 它使 WooCommerce 产品变体更加引人注目,以便客户在单击变体时可以准确地看到他们得到了什么。

这个免费的 WordPress 插件提供了用于添加不同变体样本类型的选项:

  • 您可以将其用作 WooCommerce 颜色变化插件,每个选项都列为供客户单击的色样。
  • 通过以下方式创建独特的变体选择器 上传您自己的产品图片或变体图片 对于每个可变产品。 例如,您可以上传照片或其他变体图像来表示每个产品属性。
  • 或者,您可以将每个可用的变体选项列为按钮样本。 属性名称显示为按钮文本。

如果您正在寻找 WooCommerce 颜色和标签样本,那么这是适合您的完美 WP 插件。

WooCommerce 产品表中的变体颜色选择器如何工作?

当您使用 WooCommerce 产品表插件列出变体时,可以选择将变体列为添加到购物车列中的下拉列表。 如果您将 WooCommerce 产品表与 WooCommerce 变体样本插件一起使用,则颜色样本、自定义图像或按钮将出现在表中每个变体的下拉列表下方。

你所要做的就是去 页面添新 并插入 WooCommerce 产品表短代码 [product_table] 显示产品变化。 您还可以用产品表替换默认的 WooCommerce 商店页面。 它在前端看起来像这样:

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 的插件,因此您可以将其与其中任何一个一起使用。

获取产品表 获取快速查看 获取变化样本

  新的! 将 WooCommerce 新订单通知发送到多个电子邮件地址

类似文章