Set up and use the Variation Swatches module of Bright Addons for WooCommerce.
Turns the variation dropdowns of variable products into color swatches and label buttons. Combinations that are not available are faded out, and the chosen value shows next to the attribute name.
Part of: Bright Addons for WooCommerce (free). Where: switch it on in WooCommerce > Bright Addons, settings in WooCommerce > Settings > Bright Addons > Variation Swatches.
| Setting | What it does |
|---|---|
| Product pages | Show swatches on product pages (and in Quick View) |
| Other attributes | Show attributes without a swatch type (and custom product attributes) as label buttons |
| Show selected value | Show the chosen value next to the attribute name, for example "Color: Red" |
| Swatch size (px) | See the field in the settings. |
| Selected border color | See the field in the settings. |
Product data > Bright Addons: Use dropdowns, to keep dropdowns on one product.
With Bright Addons for WooCommerce Pro, these settings are added under Pro options in the same section.
| Setting | What it does |
|---|---|
| Shape | See the field in the settings. |
| Unavailable options | See the field in the settings. |
| Tooltip | Show the value name above color and image swatches on hover |
| Shop pages | Show color and image swatches under products in shop pages; picking one changes the product image |
| Swatches per product (shop) | More are shown as "+N". |
Pro adds: Image swatches; Swatches on shop pages that change the product image; Round or square shapes, tooltips, crossed-out unavailable options.
Image swatches are a Pro option, as are swatches on shop pages that change the product image.
They are faded out in the free version. Pro adds crossed out or hidden.
Yes. Tick Use dropdowns in Product data > Bright Addons for that product.
Contact support with the page address and what you expected to happen.
Contact supportYearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.