WooCommerce产品变体设置,属性SKU色板管理Variation Swatches插件教程

WooCommerce产品变体设置,属性SKU色板管理Variation Swatches插件教程
WooCommerce产品变体设置,使用产品变体插件Variation Swatches For WooCommerce为产品添加更丰富的属性类型:色板、按钮、图片等属性。
文章目录

本篇文章共 1329 字,预计阅读时间 6 分钟

什么是变体产品?

产品变体(Product Variant)指的是在同一产品下,根据不同属性(如尺寸、颜色、材质等)产生的各个具体版本。

每个变体都有自己独立的 SKU、价格和库存管理,方便卖家精准控制库存与定价,也让买家能在一个产品页面内直接选择所需版本的产品。

比如:一件T恤,通常有不同的颜色(红色、黑色、白色)和尺码(S、M、L),那这个产品就有9(3X3)个变体,像“黑色L码”就是其中一个变体。

由此可见,变体产品在C端独立站是必不可少的功能。

WooCommerce默认以下拉框形式展示产品属性

但是WooCommerce默认的产品属性功能只能设置每个属性的名称,而且在产品页面的展示形式是通过下拉选择的方式选择不同的属性(如上图所示),不美观且不方便。

本篇文章,Well就是来帮助大家把WooCommerce的产品属性变得更美观和方便:

WooCommerce产品变体设置

安装变体插件

WordPress后台 – 插件 – 添加插件 界面,搜索 Variation Swatches for WooCommerce

安装Variation Swatches for WooCommerce插件

安装并启用该插件。

添加全局产品属性

WP后台 – 产品 – 属性中添加全局产品属性:

添加WooCommerce产品全局属性

填写属性的名称和该属性对应的类型,比如Well添加了一个“Color”属性。

添加Color属性

添加属性后,点击对应属性右侧的“配置类别”按钮,添加具体的属性类别(给属性添加变量)。

添加产品属性的类型

在属性类别里添加具体的属性变量,可以如上图一样,在Color属性里添加多个具体的颜色名称和对应色块。

然还再添加其他属性,比如Size:

- Well建站 | 唯二建站

Size一般对应的类型就是Button。

创建Size属性后,在为该属性添加具体的变量,比如XL、XXL:

- Well建站 | 唯二建站

这样就添加了两个全局属性,以及对应属性的变量。

设置变体产品

编辑想要添加产品属性的产品:

修改WooCommerce产品类型为变体产品

将产品类型修改为“可变产品”。

然后点击左侧的“属性”,切换到属性编辑界面:

为可变产品增加属性

可以在该界面添加新的属性,或者使用我们刚刚添加的全局属性“Color”和“Size”。

添加属性后点击保存

添加完属性后,点击“保存属性”按钮。

然后点击左侧“变量”菜单:

产品变体界面

点击左上角“生成变体”。

会默认根据选择的属性,生成对应的产品变体,比如我们设置的2个颜色和2个尺寸,就生成了对应的4种变体:

- Well建站 | 唯二建站

生成变体后,需要对变体设置价格,可以点右上角“添加价格”为每个没有价格的变体添加统一的价格。

也可以展开每个变体,为每个变体设置不一样的价格、SKU、尺寸等:

为每个变体设置价格

设置完变体的价格后,记得保存产品编辑。

然后再到该产品的前台界面查看效果:

WooCommerce变体产品效果

这时候原本默认的下拉框属性变成了对应的按钮和色块。

如果想对产品属性展示方式再做一些调整,可以在后台的:GetWooPlugins – Swatches Settings 中进行设置:

Variation Swatches for WooCommerce设置界面

以上就是WooCommerce产品属性和变体设置的全部内容,点击查看更多WooCommerce教程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
简体中文