Variation Swatches for WooCommerce – Shade, Picture, Label & Dropdown Swatches
Convert default WooCommerce attribute dropdowns into clear colour, picture, label/textual content, button, radio, checkbox, or dropdown swatches. Show product colours, sizes, types, and every other attribute in a clearer manner than normal WooCommerce selects. Select spherical, sq., or rounded types and management dimension, borders, and tooltips from the settings panel.
WHAT THIS PLUGIN DOES
WooCommerce variable merchandise usually use plain dropdown menus. Variation Swatches for WooCommerce replaces these selects with visible choices so clients can choose the precise colour, picture, or dimension at a look.
You may:
– Present colours as colour swatches
– Present patterns or types as picture swatches
– Present sizes or supplies as label/button swatches
– Use radio or checkbox types when that matches higher
– Hold a standard dropdown when wanted
Set a default swatch kind as soon as for every international attribute (Merchandise → Attributes). That kind is used throughout your retailer. Override it on a single product solely once you want one thing completely different.
KEY FEATURES
- Absolutely built-in with WooCommerce
- Works with variable merchandise
- Shade attribute swatches
- Picture attribute swatches
- Label / textual content / button swatches
- Radio and Checkbox attribute sorts (Professional)
- Choose (dropdown) choice
- Handle swatch sorts globally on the Attributes display
- Customized Swatches product tab for per-product overrides
- Model controls: form (spherical / sq. / rounded), dimension, hole, borders, button colours
- Tooltip on/off and colours
- Out-of-stock show types (cross, blur, cover, disable)
- Store / archive web page swatches
- Filter widget (basic and block widget editor)
- Trendy admin: Dashboard, Settings tabs, Assist
- Appropriate with newest WordPress and WooCommerce (together with HPOS and Cart/Checkout Blocks)
HOW TO USE
1. Set up and activate the plugin.
2. Go to Merchandise → Attributes (or Variation Swatches → Swatches).
3. Set every attribute kind, for instance:
– Shade → Shade
– Measurement → Button / Label
– Sample → Picture
4. Edit phrases: choose colours or add pictures.
5. Assign the attribute to variable merchandise and create variations.
6. Non-obligatory: open the product’s Customized Swatches tab provided that you want a product-level override.
7. Alter Model, Tooltip, and Store/Archive beneath Variation Swatches → Settings.
BENEFITS
- Clearer product pages and quicker choices
- Fewer wrong-color / wrong-size orders
- Skilled look that matches trendy shops
- Configure as soon as globally; override solely when wanted
- Cell-friendly tappable swatches
- No coding required
VIDEO
https://www.youtube.com/embed/DX2Jfh-h2SA
https://www.youtube.com/embed/7GA9RYtYvRo
SUPPORT
Should you need assistance utilizing the plugin or need customized work, contact me by way of my codecanyon profile. In case you have a second, a ranking is enormously appreciated. Thanks.

