

主要功能是将WooCommerce商品属性选择的下拉菜单转换为更直观的色块(如颜色、按钮、图像、单选框等),以提升用户购物体验和转化率。


核心功能亮点
多样化属性展示
- 将传统下拉菜单转换为 颜色、按钮、图像、单选框 等形式,支持商品详情页、分类页、快速查看弹窗等场景。
- 双色块功能:单个属性可显示两种颜色(适用于双色商品)。
- 图像预览:自动根据商品变体图生成图像色块,悬停显示工具提示(文字或图片)。
分类页优化
- 在商品列表页(分类/归档页)直接显示色块,用户无需进入详情页即可选择变体并加入购物车。
- 支持设置“显示上限”,通过“更多”链接保持页面布局整齐。
库存与交互优化
- 库存提示:显示剩余库存数量,支持模糊或隐藏缺货变体。
- 直接链接生成:生成特定变体的专属链接,便于分享或快速购买。
- 图片切换:选择单个属性即可切换主图(类似亚马逊体验)。
自定义与兼容性
- 全局与单品级设置:支持全站统一规则或针对单个商品自定义色块。
- 兼容主流主题:如Flatsome、OceanWP、Divi等,适配10,000+网站。
- 开发者友好:允许禁用默认CSS,自定义样式。
详细介绍:https://getwooplugins.com/plugins/woocommerce-variation-swatches/
在线演示:https://demo.getwooplugins.com/woocommerce-variation-swatches/
源码下载: