Variation Swatches for WooCommerce

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

Subscription Options

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

30 days Money Back Guarantee

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.

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.

Being Compatible, Works best with other Themes

Our plugin is compatible with all popular woocommerce themes. A few of them are.


Contact Us

If you have questions about our plugin(s), are experiencing issues with any of our plugin,

Please post us via

Support form