WordPress产品变体变量插件

Woocommerce设置变体产品

选择具体产品，点击edit，进入编辑页面。

滑到最下面product data，下拉选择变体产品variable product。

在属性attribute里面添加想要变体的属性，例如颜色或者尺寸等。

尺寸的选项，可以直接按照属性添加的尺寸生成，也可以手动添加。

其他信息按照自己的产品填写。

添加保存，前台看到的变体就是下拉的样式。

woocommerce发布产品教程

Variation Swatches for Woocommerce by CartFlows

安装插件。

常规设置，第一个一定要选，下面两个看需求。

全局样式，尺寸建议60左右，稍微清晰一些。

无库存属性选择Blur模糊或者下面的移除无库存选项，用户体验感比较好。

tooltip，用户鼠标悬停在变体上面可以显示文字（尺寸，颜色等）或者图像。

商店页风格样式设置。

设置好保存，打开具体的产品页面，下拉到变体产品位置，如果你选择尺寸作为产品变体，这边显示的就是SIZE，如果颜色就是COLOR。

属性类型选择，一般选择图片。

点击保存，会出现一个下拉箭头，里面就是各个尺寸变体和上传图片入口。

手动上传变体图片。

前台显示效果。

tooltip功能展示。

Variation Swatches for Woocommerce

付费插件，较贵，预算高的可以选择。

变体样式，页面样式自定义能力强，支持动态加载等。

Woocommerce Product Variations Swatches

价格较便宜，功能比较基础，插件功能少也比较轻，对网站速度影响较小。