WooCommerce Variation Swatches|Display WooCommerce Variable Products in Style

2 min readOct 30, 2020

By default WooCommerce, variable product attributes are displayed as drop-downs that look very unappealing to customers’ eyes. Also, it is quite a task if you have more number of variations.

WooCommerce Variation Swatches is used to convert awful default WooCommerce drop-downs into stylish swatches of 4 types — image, color, radio, and label/buttons. By doing this, customers get a quick overview of all variations available for the particular product they are checking instantly.

This plugin is one of the essential plugins for your WooCommerce store that provides quick buying options for customers.

The advanced features of this plugin are;

4 Swatch Types





Display Variation Swatches in Shop and Product Page

Show the swatches you created on the shop page and product pages. Customers can easily add to the cart from the shop page itself.

Variation Swatches in Shop Page

Bicolour Swatches for Dual Coloured Products

Set Behaviour of Unavailable Product Variation Swatches

Display Stock-Left Alert

Show Tooltips in Shop and Product Pages

Tooltips help you show an image, description, or term name when someone hovers over a swatch type.

Customize the Tooltips

Set the display style of tooltips by adding Font colour, font size, background colour, image size etc.

Compatible with Quick View Plugins

The Variation Swatches for WooCommerce plugin is perfectly compatible with most of the quick view plugins including Yith.

Styling Options for Swatches

Add styles to swatches for globally and individually created attributes easily. Also create featured attributes and set styles exclusively for them.

Check out the plugin here

You will get a full refund within 30 days of purchase if you do not like the plugin. Buy now!




Themehigh develops WordPress and WooCommerce plugins that are being used by 2 million users around the globe.