跳过到主内容
< 返回
当前位置:
打印

关联变体

目录

关联变体通过共享的全局属性将独立的 WooCommerce 产品分组。每个关联产品在目录中仍然作为独立产品可见,并保留其自己的产品页面、价格、库存、内容和图片。在产品页面上,客户可以使用色板来打开同一组合中的另一个产品。

使用关联颜色色板在独立的简单产品之间切换
关联变体色板会打开所选简单产品的产品页面。

查看关联变体演示以获取前端示例。

启用关联变体

  1. 导航至 仪表盘 -> 主题设置 -> 商店 -> 可变产品
  2. 启用 启用关联变体
  3. 保存主题设置。
已开启该功能的关联变体设置界面
启用关联变体功能。

准备产品

关联变体可以包含简单产品和可变产品。当可变产品被关联时,其标准变体选择器会与关联变体色板一起显示。

  1. 仪表盘 -> 产品 -> 属性 中创建所需的全局属性和术语。
  2. 编辑每个产品并打开 产品数据 -> 属性
  3. 为每个将连接产品的属性分配一个术语。例如,为每个产品分配一个不同的颜色术语。
  4. 更新每个产品。如果您计划使用产品图片作为色板,请同时为每个关联产品设置特色图片。
为关联产品分配属性术语。
为其中一个关联产品分配属性术语。

创建关联变体组合

  1. 导航至 仪表盘 -> 产品 -> 关联变体 并点击 新增
  2. 输入一个标题以在仪表盘中识别该组合。
  3. 产品 中,选择属于该组合的产品。
  4. 属性 中,选择连接这些产品的共享全局属性。每个选定的产品必须为每个选定的属性分配一个术语。
  5. (可选)使用 产品图片属性 来显示每个产品的特色图片,而不是属性术语的颜色、图片或文本色板。
  6. 发布该组合。
关联变体选项页面
为组合选择产品、共享属性和产品图片色板。

关联变体色板如何工作

默认情况下,WoodMart 使用为每个属性术语配置的颜色、图片或文本。对于在 产品图片属性 中选定的属性,色板将改用关联产品的特色图片。

当前产品被标记为活动状态。缺货或无法购买的产品显示为不可用。点击可用的色板将打开相应的产品页面。

独立 iPhone 手机壳产品的关联颜色色板
关联产品在产品页面上显示为颜色色板。

在自定义产品布局中使用关联变体

WoodMart 会在标准单产品布局中自动显示关联变体。如果您使用自定义的单产品布局,请在色板应出现的位置添加 关联变体 元素或区块。该元素可用于 Gutenberg、Elementor 和 WPBakery 布局。

关联变体与显示单个变体

关联变体连接独立的简单产品或可变产品,每个产品都有自己的产品页面。显示单个变体 适用于一个 WooCommerce 可变产品的变体,并将这些变体作为独立卡片显示在产品网格中。