WooCommerce在搭建在线商城时，经常会用到颜色、尺码、材质等不同规格。如果只使用默认下拉框展示产品属性，页面效果比较普通，用户选择时也不够直观。通过Variation Swatches for WooCommerce插件，可以把WooCommerce产品变体展示为色块、按钮或图片形式，让商品规格选择更清晰，也方便站长管理不同SKU、价格和库存。
什么是变体产品？
产品变体（Product Variant）指的是同一款产品在不同属性组合下形成的具体版本。例如颜色、尺寸、材质等属性发生变化后，对应的商品规格也会随之不同。
每一个变体都可以单独设置SKU、价格、库存等信息，便于商家分别管理不同规格的商品。对于买家来说，也可以直接在同一个产品页面中选择自己需要的版本，不需要进入多个商品页面来回切换。
以T恤为例，如果一款T恤有红色、黑色、白色3种颜色，同时有S、M、L 3种尺码，那么就会形成9个变体。其中“黑色L码”就是一个独立的产品变体。
因此，对于B2C独立站、跨境商城或WordPress商城网站来说，WooCommerce变体产品是比较常用的一项功能。
但是WooCommerce默认的产品属性功能只能设置每个属性的名称，而且在产品页面的展示形式是通过下拉选择的方式选择不同的属性（如上图所示），不美观且不方便。
本文将介绍如何通过Variation Swatches for WooCommerce插件，把WooCommerce产品属性展示为更直观的色块、按钮等形式。
WooCommerce产品变体设置安装变体插件
在WordPress后台进入“插件”-“安装插件”页面，搜索Variation Swatches for WooCommerce。
安装并启用该插件。
添加全局产品属性
在WordPress后台进入“产品”-“属性”，开始添加WooCommerce全局产品属性。
填写属性名称，并选择该属性对应的类型。例如这里添加一个“Color”属性，用于设置产品颜色。
添加属性后，点击对应属性右侧的“配置类别”按钮，继续添加具体的属性类别，也就是为该属性添加不同变量。
在属性类别中填写具体的属性变量。以Color属性为例，可以添加多个颜色名称，并为每个颜色设置对应色块。
除了颜色属性，还可以继续添加其他属性，比如Size。
Size一般对应的类型就是Button。
创建Size属性后，再为该属性添加具体变量，比如XL、XXL等尺码选项。
完成上述操作后，就已经添加了两个全局属性，以及对应属性下的具体变量。
设置变体产品
接下来编辑需要添加产品属性的WooCommerce商品。
将产品类型修改为“可变产品”。
然后点击左侧“属性”，切换到产品属性编辑界面。
可以在该界面直接添加新的属性，也可以使用前面已经创建好的全局属性“Color”和“Size”。
添加完属性后，点击“保存属性”按钮。
然后点击左侧“变量”菜单。
点击左上角“生成变体”。
系统会根据选择的属性自动生成对应的产品变体。例如设置了2个颜色和2个尺寸后，就会生成4种不同的变体组合。
生成变体后，还需要为变体设置价格。可以点击右上角“添加价格”，为所有没有价格的变体统一添加价格。
也可以分别展开每一个变体，单独设置价格、SKU、尺寸等信息。
设置完变体价格后，记得保存产品编辑内容。
然后再到该产品的前台页面查看展示效果。
这时候原本默认的下拉框属性变成了对应的按钮和色块。
如果还想继续调整产品属性的展示样式，可以在WordPress后台进入“GetWooPlugins”-“Swatches Settings”中进行设置。
以上就是WooCommerce产品属性和变体设置的主要流程。通过Variation Swatches for WooCommerce插件，可以把默认下拉框改成色块、按钮或图片展示方式，让产品规格选择更直观，也方便商城站点管理不同SKU、价格和库存。
(本文由美国主机侦探原创，转载请注明出处“美国主机侦探”和原文地址！)
微信扫码加好友进群
主机优惠码及时掌握
QQ群号：164393063
主机优惠发布与交流
