WooCommerce Variation Swatches is a wonderful plugin that displays the WooCommerce variable product attributes as attractive swatches of 4 types - Color, Image, Radio and Label. The plugin comes with options to display WooCommerce product variation attributes as swatches with custom styling and tooltips. It also lets you set swatches to behave according to unavailability and limited stocks.
4 Swatch Types
Color, Image, Radio & Label swatches
Prompt a text, image or description on hover
Let them know the product is not in stock
Swatches on Shop Page
Let them add to cart from shop page itself
Stock Left Alert
Show number of products left in store
Quick View Compatible
Compatible with quick view plugins like Yith Quick View
Tooltip on Shop page
Add tooltips in shop/archive pages
Showcase dual color products with bicolor swatches
Variation Swatches to Display Product Attributes
By default, WooCommerce displays variable product attributes as drop down and these look very plain and vague. Using the variation swatches you can showcase your variable products efficiently.
The four swatch types provided are;
Label or Button Swatches
Image or Photo Swatches
Display Swatches in Shop/Archive Page
Adding swatches on the shop page can work miraculously for your store.
It will be easy for your customers to choose their variation and add it to cart without even visiting the product page.
Enable Tooltip on Shop & Product Page
Tooltip helps you prompt an image, text or description when hovering over a swatch.
This way, customers can instantly understand what exactly they get on selecting the swatch.
Display Out-of-Stock and Stock Left Alert
Add a ‘stock left’ alert if the available stock for the product variant is running low on your store.
Also, set behaviour of the unavailable product variation(out-of-stock product) with 3 different styles; Blur, blur with cross, & hide.
Show Bicolor Variant Products with Color Swatch
A dual color swatch can be created for bicolor products in your stores easily using this plugin.
The two colors will appear inside the color swatch in style and cool format.
Set the appearance of tooltip’s image, name and description according to your preferences from the dashboard. Customize the size, text colour, background colour and even add shadows to them.
Style Swatches as you Prefer
With the Variation Swatches for WooCommerce plugin, you can style swatch types for each product individually or globally for every attribute you create. Also, there is an option to set featured attributes and define a style exclusively for them.
Quick View Compatible
The plugin is compatible with major Quick View plugins like Yith. The swatches you create work perfectly with the quick view option of any variable product.
Customize the ‘Clear’ Button
Adjust the text color, text background color, border radius and border color for the clear button that reinstate the product variant selection.
Set Ajax Variation Threshold
Many features of Variation swatches plugin relies upon the value of Ajax variation threshold. In default, WooCommerce allows the product availability check upto 30. You can edit this limit, if the number of product variants is more than the default.
Compatible with Popular Themes and Plugins
Our plugin is Compatible with all the popular themes and plugins available in the market. If you have trouble setting it up, our support team will help you to set it up in no time.
Feature Special Attributes
Set attributes as featured to style it exclusively for individual products.
Write a description for swatches if you think it confuses the customer.
Show Swatches in Additional Info
Show or hide swatches in additional info of products.
Round & Square Swatches
Set Roundness of Swatches to create round or square swatches.
2 Style Options for Radio Swatches
Choose from 2 different styles for Radio swatch icons.
Our plugin is compatible with all popular woocommerce themes. A few of them are.