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 create multiple sets of swatch designs, and custom styling options. It also lets you manage the unavailable stocks, configure the shop page settings, and a lot more.
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
Create Multiple Sets of Swatch Design
Swatch Design is a unique feature that allows users to create multiple design types for any attribute swatches by styling the icon details, tooltip, hover and border details, etc.
You can easily switch between different styles for attributes by creating unlimited swatch designs. So, even for a single website, several design types can be created.
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.
WooCommerce Filter Widgets
The Variation Swatches plugin lets you display attributes as swatches on filter widgets.
So, we provide a swatch option on the widget for the attribute types like image, color, and label.
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.
Generate Product variations as URL
Option to generate product variation links for quick sharing and purchase.
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.