Variation Swatches for WooCommerce

Variation Swatches for WooCommerce | ThemeHigh



WooCommerce Variation Swatches lets you add variation swatches for variable product attributes in your WooCommerce online store. The plugin allows you to customize the height, width, and shape of the swatch icons.

The WooCommerce Variation Swatches plugin is made to provide the shoppers with an out-and-out overview of the variations available for products (say, color, size, texture, etc.) in your WooCommerce store through swatches. With the plugin, you can display your variations with color, image, and label swatches.

Display tooltips for the swatches while hovering. You can change the font color and background color of the tooltip.

☞ 3 Swatch Types

With Product Variation Swatches for WooCommerce(Variation Swatches for WooCommerce), the product variations can be displayed as label, color and image swatches.

☞ Customization

The swatches icons and labels/buttons can be customized for their height and width. You can select between a round or square shape for the icon.

☞ Behavior of unavailable variation swatches

The swatches with variations for a product in the WooCommerce store that are not available will be blurred with a crossed mark.

☞ Tooltip

Display the term name as a tooltip while hovering on the swatch.

☞ Swatches for Local Terms

You can add swatches for both globally and locally added terms.

💎💎 Premium Features

The premium version of the Variation Swatches for WooCommerce comes with a handful of extra features for swatches display.

With the extra features and customizations, your variation swatches can get along with any WooCommerce theme you use.

Upgrade to Premium Now!

You can check out the demo for a more detailed overview of the features. 🔗 Demo – Front End | 🔗 Demo – Back End

☞ An Extra Swatch Option – Radio

The premium version of the swatches plugin for WooCommerce allows you to display your product attributes in the form of Radio buttons.

☞ Individual Attribute Settings

With individual attribute settings, you can override the global settings for individual swatches.

☞ Additional Tooltips

You can set an image, term name, or description as a tooltip for swatches.

☞ Separate Style Customization

Custom styling can be done for individual swatches with the premium version of the plugin. You can style the icon height, width, and roundness, and also the border color, color on hover and color on selected.

☞ Extra Styling for Tooltips

With options to display images and descriptions as tooltips, you also have options to style them according to your WooCommerce theme and product pages.

☞ Out of Stock Label

Instead of hiding a variation, you can display an out of stock label to let your shopper know all the existing product variations.

☞ Stock Left Alert

With a minimum stock left alert, you can call the attention of shoppers to the limited stock of any product in your WooCommerce store.

☞ Swatches on Shop Page

By displaying variation swatches on your WooCommerce Shop page, make your shoppers quickly understand the variations which are available and which are not.

☞ Stock Left Alert on Shop Page

Display the stock left on the WooCommerce shop page, so that the shoppers can grab products of limited numbers.

For the complete list of features, Please visit Variation Swatches for WooCommerce plugin’s official page.

Check how it works (Live Demo): 🔗 Front End | 🔗 Back End

Why ThemeHigh

Frequent updates are made to improve the plugin with a talented group of developers. Moreover, the dedicated support team will help you set up and customize your dream store with all available features and hooks.

🏆 2 Million+ Customers
🏆 Quickest Turn-around Support
🏆 Most Lightweight Plugins

For more info on ThemeHigh and Variation Swatches for WooCommerce plugin in specific, check out the following:


Minimum Requirements

  • WooCommerce 4.0 or greater
  • WordPress 5.2 or greater
  • PHP 7.2 or greater is recommended
  • MySQL 5.6 or greater is recommended

Automatic installation

  1. Log in to your WordPress dashboard.
  2. Navigate to the Plugins menu, and click “Add New”.
  3. Search and locate ‘Product variation swatches for WooCommerce’ plugin.
  4. Click ‘Install Now’, and WordPress will take it from there.

Manual installation

Manual installation method requires downloading the ‘Product variation swatches for WooCommerce’ plugin and uploading it to your web server via your FTP application. The WordPress codex contains instructions on how to do this here.

Plugin author


Plugin official website address
If you encounter problems in using the Variation Swatches for WooCommerce plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

Your email address will not be published.