Variation Swatches for WooCommerce Stores


Variation Swatches for WooCommerce plugin enables you to convert default WooCommerce product attribute dropdown into a stylish swatches. This plugin enables you to display product variants (like color, size, texture, etc.) in a stylish way to help customers to choose their preferred variant quickly and easily.

This plugin is easy to use and manage. Bye bye to complicated setups and settings. Just install the plugin and all of your product variation will turn into beautiful and eye catching swatches.

Unlike other plugins, this plugin will also work on shop or archive page also without any extra efforts.

Variation Swatches plugin offers 4 types of display of variation namely color, image, button/label, and radio.

Swatches plugin offers differnt shapes like Square, Circle, or rounded. Plugin also offers beautiful interactive tooltip to provide more information to customer.

Variation Swatches for woocommerce plugin comes with tons of admin settings to change the styles and behavior of swatches.

Variation swatches plugin changes your store’s product details and shop page into a stylish and eye catching page and enhances your customer’s engagement.

View Demo

👉 Plugin Demo

Variation Swatches for WooCommerce Plugin Features

👉 Show/hide Swatches on shop/archive and category pages
Enable/disable Variation Swatches on archive/shop/category pages easily using admin.

👉 Supports 4 Different Swatch Types
Variation Swatches plugin supports for type of swatches
1. Image
2. Color
3. Label/Button
4. Radio

👉 Converts attributes into swatches
Plugin can automatically converts default woocommerce variation dropdowns into variation swatches instantly with a single click if you want to convert all variations drop-downs altogether.

👉 Swatch Shape Style
Plugin supports three types of shape style for swatches
1. Square.
2. Circle.
3. Rounded

👉 Clear selection on reselecting variation
Clear selection on clicking the selected swatch.

👉 Choose Selected Variation Style
The variation swatches plugin lets you highlight the selected swatch with a checkmark. You can customize the checkmark with specific color of your choice and size.

👉 Change style of of unavailable and out-of-stock variants
Customize unavailable or out-of-stock variations. Choose any of three below styles.
1. Blur with a cross.
2. Blur without cross.
3. Hide.

👉 Swatches for Product’s Custom Attributes
Swatches will also work for product’s custom attribute in the same way as variation attributes. Same styles and options available for custom attribute too like variation attribute.

👉 Tooltip for Variation Swatches
Swatches comes with handy tooltip which can be enabled/disabled through admin with one click. In free version it will display term name or custom text on text. Premium version comes with image in tooltip option.

👉 Tooltip Styling
Variation swatches comes with admin settings which you can use to style your tooltip. You can change background color and tooltip text color.

👉 Display Selected Variation Name
Variation Swatches displays selected variation name besides the attribute label.

👉 Display Default Selected Variation
Default Selection of variation can be enabled/disabled through admin easily.

👉 Swatches Size
The plugin provides you option to change swatches shape size and font size for both shop/archive and product pages.

👉 Customize Design & Style of Swatches
The plugin allows you to change design and styles of swatches. You can change background color, border color, text color, and styling on hover etc with just simply using admin options. Plugin allows you to choose different style for image/color swath type, label/button swatch type, and radio button swatch type.

👉 Custom CSS
This plugin also provides you option to write your custom css right in the plugin settings page if you or your developer ever wanted to use some custom css for this plugin. No need to install more plugin for this. This is inbuilt feature in this plugin.

👉 Set AJAX Variation Threshold
Variation swatches for wooCommerce plugin allows you to set the Ajax variation threshold value. So, based on this threshold value, the product availability check can be done through Ajax method or JavaScript.

👉 More Features

  • Plugin Built following wordpress coding standard.
  • Plugin supports debug mode if require by the developer.
  • Compatible with almost all popular quick view plugins.
  • Compatible with all popular themes & plugins.
  • Prompt & Free Support.
  • Allows user to write Custom CSS right in the admin settings.
  • Regular update to make your store up-to-date.

Premium Features

Premium version of the Variation Swatches for WooCommerce provides all free version features plus more advanced features to customize the settings and behavior, which further enhances the user experience.

👉 Display variation swatches on filter widget on layered nav
Premium version supports filer widget on layered navigation. Display of swatches on filter widget can be selected horizontally or vertically.

👉 Convert variation dropdown to images
Premium version offers option to convert default variation dropdown to images with just single click. In saves tons of time of the site owner.

👉 Make out of stock variation clickable
Premium version allows admin to decide whether he wants to enable out of stock items to be clickable or not.

👉 Make out of stock item disabled/unavailable
Premium version of product variation swatches also allows admin to decide whether he wants to make out of stock item to behave as disabled in wooCommerce store. This is very helpful to
prevent your customer to get frustrated because of selecting out of stock items and redoing the process again.

👉 Display Stock Left alert
Premium plugin also allows to display stock left alert if stock becomes low in stock.

👉 Display Stock Left alert
Premium version allows admin to set qty so that stock left alert can be triggered based on this qty.

👉 Generate Variation Url link
Premium version allows admin to enable/disable generating sharable url link based on the attribute selected. This is very helpful if you want to promote product with specific variation.

👉 Variation Stock Info on Product Page
Premium version also allows admin to enable/disable displaying stock left label or out of stock label on product page only while keeping this feature on/off on archive page.

👉 Variation Stock Info Shop/Archive Page
Premium version also allows admin to enable/disable displaying stock left label or out of stock label on shop/archive page only while keeping this feature on/off on product page.

👉 Selected Variation Label on Shop/Archive Page
Using premium version you can display selected variation label near the term title on shop/archive page also.

👉 Default Variation Selection on Shop/Archive Page
Premium version supports default selection set in the product setting for shop/archive page also.

👉 Display Limit for Showing Variation Swatches on Shop/Archive Page
Premium version allows store owner to limit the display of swatches on shop/archive page.

Plugin Information


  • Product Page
  • Shop/Archive Page
  • Plugin – Admin Dashboard
  • Plugin Settings – General Settings
  • Plugin Settings – Styling
  • Plugin Settings – Swatch Type Specific
  • Plugin Settings – Product Page
  • Plugin Settings – Custom Css
  • Plugin Settings – Debug


This section describes how to install the plugin and get it working.


To do an automatic install of ‘Variation Swatches for WooCommerce’, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.
In the search field type ‘Variation Swatches for WooCommerce’ by Enweby.
Once you have found it you can install it by simply clicking “Install Now” and then “Activate”.


Installing through WordPress Dashboard

  • Download
  • Navigate to the ‘Add New’ in the plugins dashboard
  • Navigate to the ‘Upload’ area
  • Select from your computer
  • Click ‘Install Now’
  • Activate the plugin in the Plugin dashboard

Using FTP

  • Download
  • Extract the to your computer
  • Upload the enweby-variation-swatches-for-woocommerce directory to the /wp-content/plugins/ directory
  • Activate the plugin in the Plugin dashboard


Q. Where are this plugin’s Settings located?

A. After activating the plugin, you will find a link ‘Variation Swatches’ on the left side navigation. Clicking it you will get a more other links. Click on ‘Variation Swatches’ link to change settings.

Q. Does this plugin needs to be configured to make it work for the first time or all the settings are preconfigured?

A. Plugins is already preconfigured with default settings. Just install the plugin and it will start working.

Q. Will varitaion swatches work on archive/shop/category pages too ?

A. Yes, product varition swatches will work on archive/shop/category/tag pages also.

Q. Does this plugin support custom product attribute for varitaions also ?

A. Yes, plugin support custom produt attributes for variations.

Q. Can I change the behavior and desing/style of plugin ?

A. Yes. This plugin is very handy and comes with lots of important admin settings, which can be used to change behavior and style/design of the plugin frontend display.

Q. Does this plugin adds variation swatches on filter widget on layered nav ?

A. Yes, preimum version adds variation swatches on filter widget on layered nav.

Q. Is it compatible with any kinds of WooCommerce Theme ?

A. Yes, product varition swatches plugin is compatible almost all modern and standard theme. If you have any issue, just create support ticket, sit back and relax. We will get back to you and fix things.

Q. I have a question about the plugin or having conflict where should I contact to get support?

A. You can create a support ticket on our support page link. We will try to respond to every question within 48 hours.

Q. How can I request a feature or encourage future development?

A. You can contact to our support team on our support page link to request a feature or fix. We will try to respond to every question within 48 hours.


July 18, 2024
Variation Swatches for WooCommerce plugin is highly functional, easy to configure, and full of fetures, even in the free version. Had one question and the support team was quick to respond and gave me the answer I needed. Highly recommend this plugin for displaying images on the Product order page
January 11, 2024
It support the same functionality as more expensive options. So, test it! Support is fast and responsive, willing to tackle with your site if you have any issues. Worm recommendation from me.
June 19, 2023 2 replies
I like how the products look with this plugin and I had an issue with how the plugin was working with the list mode outside of shop page and they fixed the issue really quick. Works perfect
Read all 4 reviews

Contributors & Developers

“Variation Swatches for WooCommerce Stores” is open source software. The following people have contributed to this plugin.




  • Individual swatch shape style added.
  • Wp 6.5 compatibility


  • Clear on reselect enabled by default
  • Stock info minor issue fixed.
  • Wp 6.4 compatibility


  • Admin layout enhancement
  • Stock left bug fixed.
  • Clear on reselect by defalt enabled


  • Dual color functionality added
  • Woocommerce Coapitbility
  • Minor css issue fixed


  • Admin layout changes
  • wp 6.2 Comapitbility


  • CSS tweaks and fixes


  • Css fixed.
  • Js bug fixed.
  • Woocommerce Compatibility maintained


  • Initial Release.