Displaying variation swatches for WooCommerce is a really useful and needed function for a WooCommerce web site. Would you like your variations to look extra embellished, with completely different kinds, and you’ll even customise them? A plugin that helps you create and customise variation swatches for WooCommerce web sites makes the variations of your objects look spectacular {and professional}. Prospects discover it extra snug and handy to view variations of merchandise as swatches. It catches their eyes, due to this fact, they decide to buy extra shortly.
What’s WooCommerce Product Variations Swatches?
WooCommerce Product Variations Swatches is a variation swatches for WooCommerce plugin that means that you can present the product attributes within the entrance finish the best way you design them within the again finish. It accommodates a number of choices for the admin to handle the settings of worldwide attributes and make them show in numerous sorts, kinds, or profiles. The admin can determine to point out them on a single product web page, or on the Product checklist. You can even customise the swatches profile, allow exhibiting variation swatches for WooCommerce on the widget, add customized CSS to design variation swatches for WooCommerce, and do many extra issues with our plugin.
Variation Swatches on Store

Variation Swatches on Product web page
WooCommerce Filter Widgets
What the plugin can do?
Convert any variations into variation swatches for WooCommerce with a few clicks.
Once you activate the
WooCommerce Product Variations Swatches plugin, the variations which have been displayed within the drop-down menu might be transformed into the variation swatches for WooCommerce.
Customise the worldwide attributes within the plugin settings.
This plugin means that you can customise shortly all current world attributes in WooCommerce by the settings of this plugin.
- Search attribute: You should utilize the search bar to seek for an current world attribute.
- Show Type: Choose the type to show the worldwide attributes: Horizontal or vertical.
- Show Kind: Choose the sort to show the worldwide attributes: Button, Shade, Picture, Variation Picture, Radio, and Choose.
- Swatches profile: You possibly can choose to point out the attribute with one of many out there swatches profiles.
- Present on product checklist: This lets you present/cover an current world attribute on the product checklist.
- Edit phrases of the worldwide attributes: You possibly can customise the attribute time period with Picture and Shade sorts.
- Change product picture: You possibly can choose to alter product pictures when switching amongst attributes.
Handle the customized attributes by the Customized Attributes tab.
You possibly can add the identify of the customized attribute, and the assigned classes to use the settings of Varieties, Kinds, Swatches Profiles, Change product pictures, and Present on product checklist.
If the customized attribute matches the situation within the “Attribute identify” and the “Product Class” fields – The customized attribute has the identical identify as the sector “Attribute identify” and merchandise that include this tradition attribute, belongs to one of many chosen “Product class” – The swatches settings of the present rule might be utilized.
- Attribute identify: Enter the identify of the customized attribute.
- Assign class: Select which product classes the attribute might be utilized to.
- Show Type: You possibly can choose the type to show customized attributes: Horizontal or vertical.
- Show Kind: You possibly can choose the sort to show customized attributes: Button, Shade, Picture, Variation Picture, Radio, and Choose.
- Swatches profile: Choose to point out the customized attributes as swatches with one of many out there swatches profiles.
- Present on product checklist: This lets you present/cover a selected customized attribute on the product checklist.
- Change product pictures: You possibly can choose the choice you need, to alter product pictures when switching amongst attributes.
- Different motion: Clone/Take away the customized attributes.
Create limitless Swatches profiles
WooCommerce Product Variations Swatches plugin means that you can create and customise variation swatches for WooCommerce. There are at all times 3 out there swatches profiles so that you can use, however by duplicating/eradicating them, you’ll be able to create as many swatches profiles as you need, or delete the one which isn’t applicable anymore. You can even customise them to make them your ultimate swatches profiles with:
- Default standing: Customise how every swatch is displayed in default standing with identify, dimension, shade, background, border …
- Hover standing: You possibly can customise every swatch when hovering over with Shade, Background, Border, Field-shadow impact.
- Chosen standing: You possibly can customise how every swatch is displayed when being chosen. The customization consists of Shade, Background, Border, Field-shadow impact
- Tooltip: You possibly can customise the tooltip which is proven when hovering over a variation swatch. together with Shade, Border, Font dimension, and Positions of the tooltip.
- Cloning/eradicating profile: You can also duplicate the present swatch profile, or take away it.
Show variation swatches for WooCommerce on the product checklist and assigned pages.
You possibly can handle to point out/cover the variation swatches for WooCommerce by some choices within the Swatches on Product Listing tab.
- Present Add to cart button: You possibly can allow this selection to point out the Add to cart button and it’ll present up after choosing attributes.
- Present attribute identify: This selection is to point out/cover the attribute identify.
- Place/Customized place: Choose a place for variation swatches for WooCommerce on the store web page, class web page, and product checklist. Or you’ll be able to add your individual customized place.
- Allow tooltip: This lets you present or cover the tooltip of variation swatches for WooCommerce.
- Most attribute objects: You possibly can handle what number of objects of an attribute might be displayed.
OTHER FEATURES OF WOOCOMMERCE PRODUCT VARIATIONS SWATCHES
- Auto-update: Enter your buy code and the plugin will replace routinely at any time when there’s a new model.
- Works on cellular: The WooCommerce Product Variations Swatches plugin works completely on cellular units.
- Simple to make use of: Pleasant interface and straightforward to make use of.
You possibly can see this video information on
how to install and use WooCommerce Product Variations Swatches
OUR PLUGIN IS COMPATIBLE WITH
Plugin | Creator |
FacetWP | Darren Cooney |
Ajax load extra | Darren Cooney |
JetSmartFilters Plugin for Elementor | Crocoblock |