WooCommerce 产品变体设置（可变产品图文详解）

一、可变产品到底是什么

在 WooCommerce 里，属性最常见的使用场景就是——可变产品（Variable Product）。

简单理解：一个商品有多个规格组合，每个组合的价格、库存、图片可能都不一样，客户需要在页面上先选规格，再添加到购物车。

典型的例子：

• 一件 T恤，有 Black / White / Gray 三种颜色，又有 S / M / L / XL 四种尺码，总共 3 × 4 = 12 种组合

• 一款手机壳，有 iPhone 15 / iPhone 15 Pro / iPhone 15 Pro Max 三种型号，每种型号对应不同售价

• 一个瑜伽垫，有 6mm / 8mm / 10mm 三种厚度，库存各自独立

如果你直接把每个规格都当成一个单独的产品上架，商店页会重复刷屏，客户也很难对比。可变产品的作用就是：在一个产品详情页里，让客户通过下拉选择规格，系统自动匹配对应的价格和库存。

💡 可变产品不是简单产品的「升级版」，而是一种独立的产品类型。选择错误会导致后续无法设置变体。

---

二、创建可变产品的完整流程

🏗️ 2.1 新建产品并选择类型

进入 产品 → 新建产品：

1. 填写产品标题，比如 Premium Cotton T-Shirt
2. 在产品数据面板左上角，把产品类型从默认的 Simple product 改为 Variable product
3. 填好产品描述、分类、主图等基础信息

⚠️ 产品类型一旦选错，后面就看不到 Variations（变体）标签。如果发现没有变体设置入口，先回来检查这里是不是选的 Variable product。

⚙️ 2.2 添加并勾选「用于变体」的属性

在产品数据面板中点击 Attributes（属性）标签：

1. 通过 Add existing 下拉框选择已创建的全局属性，比如 Color 和 Size
2. 点击 Select values 勾选要用的属性值
3. 关键一步：勾选左下角的 Used for variations（用于变体）
4. 点击 Save attributes 保存

如果你用的是自定义属性，步骤也一样：点击 Add new，输入属性名和值（多个值用 | 分隔），勾选 Used for variations，再保存。

🔑 这是最常见的翻车点。没勾 Used for variations，Variations 标签里就看不到「Generate variations」按钮，自然生成不了变体组合。

🎲 2.3 生成变体组合

属性保存后，切换到产品数据面板的 Variations（变体）标签：

1. 点击下拉菜单，选择 Create variations from all attributes（从所有属性创建变体）
2. 点击 Go 按钮
3. 系统会根据属性值自动组合出所有可能的变体

以前面 T恤为例，Color 3 个值 × Size 4 个值，点击后会生成 12 个变体条目，每个条目对应一个具体组合，比如 Black - S、Black - M、……、Gray - XL。

💡 如果属性值很多，生成的组合数量会指数级增长。比如颜色 5 个 × 尺码 5 个 × 材质 3 个 = 75 个变体。建议初学者先只用 2 个属性做变体，熟练后再增加维度。

⚠️ 变体数量超过 30 个时，前端下拉菜单行为会改变：≤30 个时是动态联动（选了颜色后尺码下拉自动只显示该颜色有货的尺码），>30 个时变为静态（所有选项始终显示，选到不存在的组合才提示不可用）。这是 WooCommerce 的性能保护机制，不是 bug。如果你需要为 >30 个变体保持动态联动，需要用代码调整阈值。

---

三、为每个变体设置价格、库存、图片与 SKU

生成变体后，每个变体默认都是「空白」状态，必须手动补充价格，否则前台会显示「暂无售价」或无法加购。

🖱️ 3.1 展开单个变体

在 Variations 标签下，每个变体右侧有一个向下的箭头，点击即可展开编辑区域。

展开后能看到以下字段：

• ✅ Enabled（启用）：取消勾选会禁用这个变体，前台不再显示该组合

• 🖼️ Variation image（变体图片）：给这个规格单独上传一张图

• 🏷️ SKU（库存单位）：建议按规则命名，比如 TSHIRT-BLK-S。如果产品级已填 SKU，变体留空会默认继承产品级 SKU

• 💰 Regular price（常规价格）：必填，否则该变体不会在前台显示

• 🏷️ Sale price（促销价格）：可选，填了会覆盖常规价格显示

• 📦 Manage stock?（管理库存）：勾选后才能为该变体设置独立库存

• 🔢 Stock quantity（库存数量）：勾选 Manage stock? 后出现，设置该变体的独立库存

• ⚠️ Allow backorders?（允许缺货下单）：可选 Do not allow / Allow, but notify customer / Allow

• 📤 Stock status（库存状态）：In stock / Out of stock / On backorder

• ⚖️ Weight / Dimensions（重量与尺寸）：影响运费计算，留空则继承产品级设置

• 📋 Description（变体描述）：可选，某些主题会在选择变体后显示

填好后点击变体右上方的 Save changes 按钮，系统会自动保存当前这个变体的设置。

🖼️ 3.2 给变体设置专属图片

这是提升转化率非常关键的一步。当客户在前台选择不同颜色时，如果产品主图能自动切换成对应颜色的实拍图，体验会好很多。

1. 展开某个变体，比如 Black - M
2. 点击 Variation image 区域的 上传/添加图片 按钮
3. 从媒体库选择黑色款的实拍图，或上传新图片
4. 保存

前台效果：客户选择 Black 时，产品主图自动变成黑色款；切换 White 时，主图自动变成白色款。

💡 建议每个颜色值都准备一张主图，尺码不需要单独图片。也就是说，Color 属性每个值对应一张图，Size 属性不用。这样能减少作图量，同时保证前端切换效果。

💰 3.3 设置价格与库存

价格是最关键的字段。如果一个变体没有填 Regular price，WooCommerce 会判定这个组合不可购买，前台要么不显示，要么提示「暂无售价」。

建议的填写顺序：

1. 先给所有变体填好 Regular price
2. 如果不同规格售价不同，再逐个调整。比如加大码 XL 比普通码贵 2 美元
3. 如果需要促销，再填 Sale price
4. 最后补充 SKU 和库存

库存有两种管理方式：

• 产品级库存：在 Inventory 标签中统一设置，所有变体共享同一个库存数量

• 变体级库存：在每个变体条目中勾选 Manage stock?，再填 Stock quantity。这样 Black - S 卖完了，不会影响 Black - M 的销售

⚠️ 默认情况下，可变产品不会自动为每个变体开启独立库存。如果你需要按颜色、尺码分别管库存，必须手动勾选每个变体的 Manage stock?。简单产品的库存在 Inventory 标签里设置，逻辑跟可变产品完全不同。

---

四、批量编辑变体

当变体数量很多时，一个一个编辑效率太低。WooCommerce 提供了批量编辑功能。

📋 4.1 批量修改价格

1. 在 Variations 标签顶部，勾选左上角复选框选中全部变体
2. 点击 Bulk actions 下拉菜单
3. 选择 Set regular prices（设置常规价格）
4. 点击 Go
5. 输入统一价格，比如 29.99
6. 点击 OK，所有变体价格会统一更新

如果不同变体需要不同价格，可以按属性筛选后再批量设置。比如先勾选所有带 XL 的变体，然后选择 Increase regular prices (fixed amount or %)，输入 2，这样所有 XL 变体价格都涨 2 美元。

📦 4.2 批量设置库存状态

操作类似：

1. 勾选要批量修改的变体
2. Bulk actions 选择 Set status – In stock / Set status – Out of stock / Set status – On backorder 中的一项；如果要批量开关库存管理，选 Toggle “Manage stock”
3. 点击 Go 执行

这个功能在上架新品或做促销时特别好用。比如黑五前把所有变体统一改为有库存，活动结束后又把部分 SKU 改为缺货。

🖼️ 4.3 批量上传变体图片的局限

WooCommerce 原生批量编辑不支持直接给每个变体分配不同图片。如果要批量设置，通常需要借助插件或 CSV 导入。对于初学者，建议按颜色逐个手动上传变体图，虽然慢一点但最稳妥。

---

五、默认变体与前端展示

🎯 5.1 设置默认变体

客户打开产品页时，如果页面上所有下拉框都是「Choose an option」，体验会比较差。设置默认变体可以让页面一加载就选中某个规格，直接显示对应价格和图片。

设置位置在 Variations 标签顶部，Default Form Values（默认表单值）区域：

1. Default Color 选择 Black
2. Default Size 选择 M
3. 点击 Save changes

这样客户打开页面时，默认看到的就是 Black / M 这个价格和对应的图片。

💡 默认变体建议选择库存充足、最具代表性的规格。不要选经常缺货的规格，否则客户一打开就看到「Out of stock」，影响转化。

🖥️ 5.2 前台展示效果

保存产品并发布后，前台产品详情页会显示属性选择下拉框。客户需要先选完所有属性，Add to cart 按钮才会生效。

变体数量 ≤ 30 个时：

下拉框是动态的。比如先选 Size 后，Color 下拉框会自动过滤掉不存在的组合，只显示该尺码下有的颜色。选择过程中，价格和图片会实时同步更新。

变体数量 > 30 个时：

下拉框会变成静态。即使某个颜色对应所选尺码缺货，Color 下拉框仍然会显示全部选项。客户选完组合后，如果该组合不可用，才会看到「Sorry, no products matched your selection」的提示。WooCommerce 这样设计是为了减少大量变体下的性能消耗。

缺货变体什么时候会隐藏：

要让缺货变体不在下拉框中显示，必须同时满足以下条件：

1. 在 WooCommerce → 设置 → 产品 → 库存 中启用了 Hide out of stock items from the catalog
2. 在变体级别启用了 Manage stock? 并设置库存
3. 该变体库存为 0 或 Stock status 为 Out of stock
4. 该变体未启用缺货下单（Allow backorders? 为 Do not allow）

只要有一个条件不满足，缺货变体仍会显示在下拉框中，客户选择后才会看到缺货提示。

这个交互是 WooCommerce 原生提供的，不需要额外配置。如果用的是 WoodMart 主题，还会把下拉框优化成色卡、尺码按钮等更直观的形式。

---

六、实操建议

📝 6.1 SKU 命名规则

变体 SKU 建议包含产品简写 + 属性值缩写，便于后期对账和库存管理。例如：

• TSHIRT-BLK-S = T恤 / 黑色 / S码

• TSHIRT-WHT-M = T恤 / 白色 / M码

• CASE-IP15-BLK = 手机壳 / iPhone 15 / 黑色

不要用纯数字编号，否则三个月后你自己都记不住哪个 SKU 对应什么产品。

🎨 6.2 图片准备清单

上线可变产品前，建议准备以下图片：

• 1 张产品主图（作为默认展示）

• 每个 Color 值 1 张对应实拍图（用于 Variation image）

• 1 到 2 张场景图或细节图放在产品相册中

图片尺寸建议统一为 800×800 像素或 1000×1000 像素，正方形，背景干净。

📊 6.3 属性维度控制

初学者最常见的错误是属性维度太多。建议遵循这个原则：

• 1 个属性变体：适合只有颜色或只有型号差异的产品

• 2 个属性变体：最常见的组合，比如 Color + Size

• 3 个及以上属性：变体数量指数级增长（5 色 × 5 码 × 3 材质 = 75 个变体），每个变体都要单独定价、管库存、传图，管理成本失控，前端选择体验也会变差。新手不建议超过 2 个维度；如果确实有 3 个维度，优先考虑把其中一个维度拆成独立产品

💡 回顾一下本篇的主线：选对 Variable 类型 → 属性勾上 Used for variations → 生成变体 → 逐个补价格和图片 → 设默认变体。走完这五步，一个可变产品就完整上架了。后续的数字产品（下载类）配置在第 06 篇接着讲。