WooCommerce Variation Swatches


WooCommerce Variation Swatch is the most popular attribute variation swatch plugin in the WordPress plugin directory. The plugins is an awesome creation by GetWooPlugins team keeping in mind to create new experience for WooCommerce product variations.

WooCommerce Variation Swatch is simple plugin, but does wonderful job. It turns product attribute select dropdown into beautiful swatches. It means you can turn product variation selection dropdown into color, button, radio, and image swatches.

Consequently, the plugin enhance the plugin experience extensively. users don’t need to reveal dropdown select field and see what variations are available for the variable product. Without pressing extra clicks and spending extra time, they can quickly select their desired variation.

Display Swatch in Catalog / Archive Page

To boost store conversion and engagement, Attribute variation swatches plugin enables swatch on the catalog page. It allows customers to check product variation from the archive page and add them to the cart.



Product Based Swatch Customization

WooCommerce Variation Swatch plugin offers global swatches. If you need personalized variation per-product basis, you quickly achieve them from the site admin.


Beautiful Image Tooltip

Sometimes tooltip text is not enough to convince customers. In this case, Image tooltip do the rest.

Customizable Tooltip Text and Background Color

Tooltip denotes the variation details to explain more. It can be disabled and customized the title text and tooltip background from the admin backend.

Tooltip Individual Text Customization

Default tooltip shows the globally set variation name. To show extra information beyond the default variation name, Tooltip Text field will give extra flexibility to add detailed variation information.

Radio Variation Swatch

Radio select box is another variation type to show product variations beautifully. It acts like the variations list for WooCommerce variable products.


Color Variation Swatch

The option turns product select options drop down into color swatches. It’s the best fit options for the variable products comes with multiple variations.


Image Variation Swatch

Images variation does more than color swatches. When it comes to display images as product variation, this option comes handy and highly engaging for conversion.


Integrated With Quick View

Besides showing swatches on product details page and archive pages, it can enable swatches on Quickview lighboxes to maximize store wide sales.

Button / Label Variation Swatch

When comes to show available product size, quantity and other variation related details, button/label swatch boost conversion extensively. It allows selecting customers to select their desired product variation quickly.


Rounded and Square Shape

The round and Square shape are one of the unique and helpful features of this plugin, when it comes to showing more than two or three characters in swatches, or want to add color and image swatch exclusively, you use Square shape instead of Round


Blur/Hide Out of Variation

Showing out of stock variation seems unnecessary. So, the plugin offers option to blur or hide the out of stock variation to simplify in stock variation.

Multiple Image Per Product Variation

To insert a unique set of images per veriation, GetWooPlugin lunches free WooCommerce Variation Image Gallery plugin. It allows two extra images per WooCommerce product variation.

WooCommerce Variation Swatches not only offers the color, radio, image and label attributes in the single WooCommerce product. It also enables them in product quick view. If you’re using WooCommerce themes like Flatsome that comes with default Quick View option, you don’t need to hassle to load color and image swatches for variable product attributes in quick view separately.

In this WooCommerce attribute variation plugin, besides creating size, brand, image, color, and label variation swatches, you can handle the swatches shape style Rounded and Circle. On top of that, it allows you beautiful tooltips on variation swatch hover. Based on your requirement you enable and disable hover from the settings. To maximize and personalize your development process, the product attributes swatches comes an option to disable default plugin stylesheet so that you can personally write your own CSS.

Furthermore, you would find an option to hide and blur out of stock variation, set product image variation swatch sizes based on product image settings in theme, change tooltip background and text color.

WooCommerce Variation Swatch also enables/disable swatches product archive pages. The powerful option for this swatch plugins is variation swatch customization option for each product. It means besides addition global attribute variation for each variable product, you can customize them on your need for your desired products.

  1. Rated 5 out of 5
    One of the best Plugin for WooCommerce

    Needless to say we are extremely satisfied with this Plugin. I can't say enough about how WooCommerce Variation Swatches help us to meet the needs of our clients. Flexibility, Easy to use, Intuitive and last but not least, a very good and helpful Customer Support. This Plugin is a must-have in our toolbox!

  2. Rated 5 out of 5
    Rohit Yadav
    Awesome Plugin

    Nice plugin for WooCommerce user. Reliable and flexible in use

  3. Rated 5 out of 5
    Awesome plugin for variation products

    I sell balloons and flowers online, and this plugin solved my root problems. I have hundreds of variation of sizes and colors, and this plugin just made the choices looks simple and easy. The owner - Ahmed is very helpful and easily reachable. You can count on him! Thanks Ahmed again!

  4. Rated 5 out of 5
    Great support

    Installed this plugin. I worked great but had some issue in IE. I contacted support and they fixed it almost immediately. I would recommend this.

  5. Rated 5 out of 5
    Easy to use


  6. Rated 5 out of 5

    Amazing plugin, works right out of the box and can be configured in a lot of different ways. Also, credit to the support team, who are always happy to help.

  7. Rated 5 out of 5
    One of the best

    It is my first recommendation. I do not usually recommend plugins but of all the plugins I've tried, this has been one of the best. 100% compatible with the rest of plugins. I am surprised at how quickly they respond to messages and the willingness to solve problems. Even using its free version. Congratulations!

  8. Rated 5 out of 5
    Brian (datalink)
    Review Modified.

    Corrected previous review of this product. Previous attempts to implement this plugin only showed text at the bottom of the page under "Additional Information" No swatches had appeared and when I went to see if the settings were the cause, the details there made it sound as if I had to pay to show the swatches. This was not the case however, as I discovered that I needed to enter a price for the product regardless that they all had the same price previously. My greatest apologies on my hasty one-star rating and bad review.

  9. Rated 5 out of 5
    Great plugin and support!

    Awesome and so easy to install plugin!!! Works like a charm. The support is awesome as well, very reactive and efficient!!!! Congrats guys!!

  10. Rated 5 out of 5
    easy to use and flexible

    The best part is where you can choose color image or button for every product individually

Be the first to review “WooCommerce Variation Swatches”

Features Premium Free
Display swatches in the catalog / archive pages.
Individual Product Base Swatch Customization
Swatches alignment
Tooltip Styling
Swatches item styling
Image tooltip
Item background color
Ajax/Non Ajax Variation display
Item border size
Work on variable product
Work on variable product quick view
Enable attributes into images swatches
Enable attributes into color swatches
Enable attributes into label/text/button swatches
Blur/Hide Out of Stock Variations
Control attribute setting globally
Compatible with popular themes and plugins
Option to select ROUNDED and SQUARED variation shape
Flexible tooltip insert and display settings
Option to disable default plugin stylesheet for theme developer

Version 1.0.11 ( 03/06/2018 )

  • Fix Kalium theme issue

Version 1.0.10 ( 03/06/2018 )

  • IE-11 Fallback

  • Enable/Disable ajax variation option

  • Custom variation color/buttons tooltips

  • Divi woo layout injector issue.

Version 1.0.9 ( 03/06/2018 )

  • Admin notice CSS

Version 1.0.8 ( 30/05/2018 )

  • StockHolm theme support

  • SelectBox class for more control

Version 1.0.7 ( 27/05/2018 )

  • Enfold theme support

  • Tooltip image css

Version 1.0.6 ( 26/05/2018 )

  • Tooltip image

  • Item border size

  • Item background color

  • OceanWP archive page list view

Version 1.0.5 ( 21/05/2018 )

  • Visual improvement

  • Some known issue

Version 1.0.4 ( 20/05/2018 )

  • Visual improvement

  • Flatsome Theme Shortcode override

Version 1.0.3 ( 19/05/2018 )

  • OceanWP Theme Compatibility

  • Sober Theme Compatibility

  • Shophistic Lite Theme Compatibility

  • Old Haven Theme Compatibility

Version 1.0.2 ( 18/05/2018 )

  • Variation Item border color, Text color

  • Swatches display position

  • Known js issue

Version 1.0.1 ( 25/04/2018 )

  • Archive Page Font Size

  • Flatsome theme archive position

  • Individual product display type

Version 1.0.0 ( 20/04/2018 )

  • Initial Release

Purchase a Licence

The purchase entitles you to 1 years updates and support. Your subscription will auto-renew each year unless cancelled.

  • 10,000+ Active Install
58 Reviews
Rated 5 out of 5
  • Version 1.0.30
  • Last Updated 1 day ago
  • Requires WordPress Version 4.8+
  • Requires WooCommerce Version 3.2+
  • Requires PHP Version 5.6+

WooCommerce Variation Swatches