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

关联变体

目录

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

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

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

启用关联变体

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

准备产品

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

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

创建关联变体组合

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

关联变体色板如何工作

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

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

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

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

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

关联变体与显示单个变体

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