Variation Swatches for WooCommerce

Variation Swatches for WooCommerce lets you add swatches for variable product attributes in your WooCommerce store, with different styling options.

30 days Money Back Guarantee

Subscription Options


A subscription entitles you to 1 year of updates and support from the date of purchase. License details

  • $39.00
  • $69.00
  • $129.00

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.

Key Features

4 Swatch Types

Color, Image, Radio & Label swatches

Custom Tooltips

Prompt a text, image or description on hover

Out-of-Stock Alert

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

Bicolor Swatches

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;

Radio Swatches

Label or Button Swatches

Color 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.

Customize Tooltips

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.

Additional Features

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.

Describe Swatches

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.


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

2.0.0 (12-06-2021)

IMPROVEMENT: Added term settings option for individual attributes. IMPROVEMENT: Added WooCommerce version - 5.4.1 compatibility. NEW FEATURE: Added image with label as new swatch type. NEW FEATURE: Added option to convert all the default swatches to image swatches. NEW FEATURE: Added option to show selected variation name beside the attribute label. NEW FEATURE: Added search option for Swatches designs & Attributes.

1.4.1 (12-02-2021)

FIX: Fixed warning in advanced settings page. FIX: Fixed warning in shop page on first installation. FIX: Fixed issue of attributes display fails in the additional info tab in single product page, when variation is not configured.

1.4.0 (11-12-2020)

NEW FEATURE: Added option for font size change for featured attributes. NEW FEATURE: Added option for showing the featured attribute display in the shop page. NEW FEATURE: Added option to limit the number of attributes in the shop page. NEW FEATURE: Added option for variation image change on single variation selection in the product page. NEW FEATURE: Added option for variation image change on single variation selection in shop page. NEW FEATURE: Added attribute specific outer class to HTML div thwvs_fields. NEW FEATURE: Added option of featured attribute for radio fields. IMPROVED: Added filter for modifying the shop page swatch display hook and display priority. IMPROVED: Added WooCommerce 4.8 compatibility.

1.3.1 (08-10-2020)

Fix: Added alt attribute for all image tags used.

1.3.0 (20-09-2020)

NEW FEATURE: New options to set out of stock behaviour. NEW FEATURE: Added clear on reselect option. NEW FEATURE: New options to style active and hover behaviour. NEW FEATURE: New option to easily convert all the default swatches to label swatches. NEW FEATURE: New option for disabling the plugin style sheet. NEW FEATURE: Added option to set the tooltip font size for term name and description. IMPROVED: Settings screen UI improved.

1.2.0 (25-08-2020)

FIX: Fixed the issue of missing class in the javascript functions. FIX: Fixed the issue of out of stock display in the variation. Fix: Fixed the stock left alert issue for the radio type display. IMPROVED: Improved UI for settings screens. IMPROVED: Code cleaning.

1.1.1 (19-06-2020)

FIX: Fix for the issue of not showing variation price in shop page with some themes. IMPROVED: WooCommerce latest version 4.3.0 compatibility added.

1.1.0 (06-04-2020)

FIX: Fixed the issue of not properly working blur with the cross option in shop page. IMPROVED: Localization implemented for all screens. IMPROVED: Plugin code cleaned & optimized.

1.0.9 (26-03-2020)

IMPROVED: WooCommerce latest version compatibility added.

1.0.8 (28.01.2020)

NEW FEATURE: Added the new shop page settings. NEW FEATURE: Added option for changing the label font size in global settings. IMPROVED: Compatibility with WordPress 5.3 Added. IMPROVED: Improved the sanitisation of input data. IMPROVED: Added filter "thwvs_show_variation_on_custom_page" for showing swatches in custom pages FIX: Fixed compatibility issue with major themes like Hestia, Divi, Flatsome, Sydney, Ocean, Avada FIX: Fixed the issue with quotes usage in the admin settings screen. FIX: Fixed the issue of hiding the price in shop page when we select a variation. FIX: Fixed the issue of displaying the wrong add to cart button text if variation display is through Ajax. FIX: Fixed the issue of not changing the image to default image after clearing the selection in shop page

1.0.7 (26-08-2019)

IMPROVEMENT: Improved the 'unavailable variation' style for radio fields. FIX: Handled the default variation selection in product page when an unavailable variation is set as default.

1.0.6 (28.05.2019)

NEW FEATURE: Added the option to display radio button swatches on Shop page. NEW FEATURE: Added option for displaying the swatches in the Additional information tab. NEW FEATURE: Added option for radio button styles in general settings and Individual settings. NEW FEATURE: Added option for Clear button style and display text edit. NEW FEATURE: Added option to decide the label positions for Attributes. NEW FEATURE: Added option to set an attribute as featured. NEW FEATURE: Added option for adding attribute description and its styling option NEW FEATURE: Added option for making the select2 styles for select type swatches. NEW FEATURE: Added option for adding the font size for attribute label. IMPROVED: Improved front-end UI style options. IMPROVED: Improved the admin panel UI for general settings. IMPROVED: Added filter for changing the add to cart text. IMPROVED: Added text-domain for all the keyword used in the plugin. FIX: Fix for missing argument error. FIX: Fix for Global Settings checkbox enabling on resting the attribute.

1.0.5 (09.04.2019)

FIX: Ajax Add to cart issue on the shop page.

1.0.4 (22.02.2019)

FIX: Out of stock style corrected for unavailable product variation. FIX: Corrected the admin panel CSS conflict with Themehigh's WooCommerce Multistep Checkout plugin. IMPROVED: Added new style for radio field type in the admin panel. IMPROVED: Updated license module.

1.0.3 (19.12.2018)

FIX: Fix for the issue of swatches not displaying on quick-view. FIX: Fix for the issue of stock label not working properly. FIX: Fix for the issue of adding local term. IMPROVED: Change product image based on variation in archive page. IMPROVED: New radio button style is added. NEW FEATURE: Added background color option for label/button swatch. NEW FEATURE: Added more styling options for tooltip. NEW FEATURE: Added bicolor swatch type in color swatch. NEW FEATURE: Added all swatches settings for custom attributes(local attributes). NEW FEATURE: Added variation swatches on all archive page. NEW FEATURE: Added new field to update ajax variation threshold value.

1.0.2 (02.11.2018)

IMPROVED: Plugin action links are added.

1.0.1 (01.11.2018)

FIX: Fix for the issue of license update.

1.0.0 (02.11.2018)

INITIAL RELEASE: WooCommerce Product Variation Swatches initial version. INITIAL RELEASE: Color swatches for product variation attributes. INITIAL RELEASE: Image/Icon swatches for product variation attributes. INITIAL RELEASE: Label/Button swatches for product variation attributes. INITIAL RELEASE: Radio Swatches for product variation attributes. INITIAL RELEASE: Tooltips for Product Variation Swatches. INITIAL RELEASE: Stock Left Label. INITIAL RELEASE: Out-of-stock information display style. INITIAL RELEASE: Variation Swatches on Shop page.