Variation Swatches For WooCommerce

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

Key Features of WooCommerce Variation Swatches

WooCommerce Variation Swatches is a simple plugin but does a 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 enhances the plugin experience extensively. users don’t need to reveal the 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.

Auto Convert Dropdown Into Image Swatches If Variation Has a Featured Image Set

It’s elusive to configure each product variation one by one to show image swatches. Our new feature of WooCommerce Variation Swatches and photo plugin can enable images swatches based on variation featured images.


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.


Variation Image Tooltip in Catalog / Archive Page

To convert users into paying custom, It’s necessary to convince them first giving all important details about a product.  So, we have packed image tooltip for archive pages swatches in this WooCommerce variation swatches and photos plugin.


Text Tooltip in Catalog / Archive Page

Tooltip acts like variation description. It describes more about the swatches. Instead of image tooltip, you can enable text tooltip to maximize your site engagement.


Dual Color Variation Swatches

Dual Color Variation Swatches allows you to insert dual color for a single variation. If you have variable products with two colors you can define it from a single variation. All thanks go to WooCommerce Variation Swatches and Photo plugin.

Supported 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.


What to Display  Single Selected Attribute on Shop page? This will help!

If your product has 5 attributes, generally, every Woocommerce variation swatches pro plugin shows all the 5 swatches attributes on the archive pages. The first time, we brought an exclusive option besides the general feature. It allows you to show only a selected attribute on the shop page. So, from now you either you can show all selected attribute on the shop page or entire attributes like in single product page.

Set MORE Link To Align Attribute Variation Swatches

Products may have a different number of swatches which creates misalignment issues in the product archive pages. To keep your archive page design sleek and beautiful, WooSwatches has added a MORE link. With the button, you can specify how many variation swatches you want to show for each product in the product page category pages.


Change Product Gallery Image Selecting Only Color Variation Like Amazon and Aliexpress (Or Selected Variation)

Generally, WooCommerce variable product changes variation image when all available attribute variations are selected. First time in the WooCommerce Variation Swatches plugin history, we brought this to change gallery image selecting single attribute variation. You don’t need to match the entire attribute variation.


Generate Variation Link

WooCommerce doesn’t come with this feature. We brought this feature first time in WooCommerce from this popular WooCommerce variation swatches and photos plugin. With this feature, you can forward your specific attribute link in your customer for a quick purchase or share it the social media.

swatches variation link

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.



 Color Variation Swatch For Product Page

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


Image Variation Swatch For Product Page

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


Button / Label Variation Swatch For Product Page

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.


Radio Variation Swatch For Product Page

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


Highlight Your Special Attribute

Your product may have plenty of attributes. If you want to keep your desired single attribute standout and highlighted. you can make the attribute enlarged using this popular WooCommerce Variation Swatches plugin

Product Page Variation Image Tooltip

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


Customizable Tooltip Text

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


Blur/Hide Out of Variation

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

Rounded and Square Shape For Variation

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.

Show Attribute Variation Remaining Stock Quantity

When you are selling products having multiple attribute variations like color and size. It’s really essential to show the remaining product variation so that it can help to create an urge to purchase a certain limited variation as soon as possible.

So, we developed this option. it can mesmerizingly show the clients all the remaining stock for variation. I believe, it will boost your site usability and boost sales.


Key Features are Documented

The UX of this plugin is impressive, helps you understand each available feature quickly. It means you don’t need to read any manual comprehensively. In spite of that, we have added detailed documentation to keep informed about all features and functions in this swatches plugin. Check our documentation.

Friendly and Quickest Support In the Industry

The maximum users of this plugin are developers. We know how quickly a developer needs to finish their job and deliver it to their clients. To help you out quickly our team is there to assist you. As long as your theme is coded following the standard of WooCommerce, it should perfectly work. On top of that, if any issue arises, we are here to fix them out; Just open a ticket from here.

Compatible With Major Themes

The only variation Swatches in the market is running 10,000+ websites. It’s because it’s compatible with majors themes and plugins in the market. It’s tightly, compatible with Flatsome, OceanWP, Divi and many more.

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
    Perfect Tool for WooCommerce Shop

    Hi, I am Nancy from Canada. I have a WooCommerce shop. Before, I used the default drop-down for the product list which was difficult to showcase my products. Later on, Shahin Sid helped me to add these swatch features to my site. Now product representation looks more professional then before and easily accessible by consumers. I really appreciate and very happy with the features provided by this tool.

  2. Rated 5 out of 5
    Amazing plugin for my store

    I have used this plugin with my store for over 2 weeks and my sales have improved a lot. It makes the customer shopping experience fast and most importantly easy, which I believe is the most obvious reason for the increase in conversion. Thanks to Shahin as he recommended me to use this plugin.

  3. Rated 5 out of 5
    Great plugin and Great support

    Very raccomended!

  4. Rated 5 out of 5

    Great plugin and fast and effective support

  5. Rated 5 out of 5
    Good plugin and support

    I've used this on a couple of sites now and can highly recommend it. Good, quick support as well.

  6. Rated 5 out of 5
    Fantastic plugin and support!

    This is a really great plugin with a lot of customizable features. What is more important is that the support is one of the best I've ever met. They helped to implement their solution exactly I wanted. I'm 100% happy with the results and I will recommend your plugin for every WP developer. Keep up the good work guys!

  7. Rated 5 out of 5
    Great Plugin works perfect!!!

    I am using the free version because it is actually what I need and I didnt have any problem till now. Great features, very fast, great support!

  8. Rated 5 out of 5
    Prompt & Super Fast

    Appreciate your prompt reply in solving my issue, wordings are not fully enveloped in the Option bar/tab! Tq Shamser for the CS code!

  9. Rated 5 out of 5
    Fast and efficient support

    Fast and efficient support

  10. Rated 5 out of 5
    Great plugin

    You want the next version to have the shape defined according to the property type

  1. Rated 5 out of 5
    Jeff Moss

    This is a great plugin. The free version is good but the premium version really added a lot of value to my site. Also, the support is some the best I have ever experienced for a plugin. They responded immediately and helped me track down a plugin conflict and gave me a solution right away and will build fix into next release. I highly recommend this plugin.

  2. Rated 5 out of 5
    kuldeep kumar

    very recommended . This plugin adds required functionality to our site . We had some issues with the configuration and support team was very responsive . Thank you for all the timely support and fixes .

  3. Rated 5 out of 5
    anders2 Pro

    Very good plugin. Noticed before renewing, so i could unsubscribe – as the customers webshop i was using the plugin on is no longer live. Very good customer service

  4. Rated 5 out of 5
    BrandonBilliardGuy Pro

    Great plugin for it’s purpose. This company provides quick and useful support whenever I’ve needed it.

Leave your review

Can I still use plugins after I cancel my membership?

Yes, once have download swatches plugin from our site. You can use it forever and get technical support till 365 days after your item purchase.

What payment methods are accepted?

We are using 2Checkout for accepting payment. It allows to pay from PayPal, Visa, MasterCard, American Express, Discover, American Express, Diners, JCB, PIN debit cards with the Visa or MasterCard logo, Debit cards with the Visa or MasterCard log and more.

Is this plugin compatible with my theme?

We, at GetWooPlugins try to support plenty of major and popular WooCommerce themes in the market. Consequently, Our swatches plugin is running about 10k+ websites. As long as your theme is coded following the standard of WooCommerce, it should perfectly work. On top of that, if any issue arises, we are here to fix them out; Just open a ticket from here.

Why do I purchase a subscription plan?

WooCommerce is evolving daily. On the other hand, we need to keep our plugin compatible with latest WooCommerce. Otherwise, your site will break. So, the subscription mode helps us to keep our WooCommerce based plugin updated and keep your safe from future inconvenience..

Is It permissible to use my licence in a testing/development site?

Yes, it’s permissible to use your license to your testing/development site. Our system don’t look for testing/development environment for license check..

Version 1.1.1 ( 27/10/2020 )

  • Support Latest woocommerce

Version 1.1.0 ( 27/10/2020 )

  • Support Latest woocommerce

  • Stock info

  • Accessability

  • Linkable attributes

Version 1.0.55 ( 12/07/2020 )

  • Support Latest woocommerce

Version 1.0.54 ( 22/06/2020 )

  • Transable more fix

Version 1.0.53 ( 17/06/2020 )

  • Body css tag

  • More count

Version 1.0.52 ( 26/05/2020 )

  • Filter added to modify global attribute image.

  • Variation attribute image preview based on availability.

Version 1.0.51 ( 15/05/2020 )

  • Firefox mobile issue

  • jQuery Migrator disable Issue

  • WordPress 5.4.1 Compatibility

Version 1.0.50 ( 02/04/2020 )

  • WordPress 5.4 Compatibility

Version 1.0.49 ( 31/03/2020 )

  • Shopkeeper Theme css issue

Version 1.0.48 ( 29/03/2020 )

  • Rollback some update to fix a known issue.

Version 1.0.47 ( 24/03/2020 )

  • Attribute behavior: Hide issue

Version 1.0.46 ( 18/03/2020 )

  • Facebook for woocommerce plugin issue.

  • Automatic updater improve

Version 1.0.45 ( 17/02/2020 )

  • Add to cart js

  • Settings php notice

Version 1.0.44 ( 05/02/2020 )

  • mobile tooltip issue.

  • Option added for product wrapper

  • Option added for button wrapper

Version 1.0.43 ( 23/01/2020 )

  • Support woocommmerce 3.9

  • WooCommerce Product bundle Issue.

Version 1.0.42 ( 01/01/2020 )

  • Field Dependency css.

  • Default selected tooltip Issue.

  • Divi builder load issue.

Version 1.0.41 ( 14/11/2019 )

  • Disable Defer JS Load by Default and on mobile device.

  • Image tooltip issue.

Version 1.0.40 ( 14/11/2019 )

  • Improve Page loading.

Version 1.0.39 ( 26/10/2019 )

  • The7 Theme Button Issue

  • Mobile Scroll issuee

Version 1.0.38 ( 02/10/2019 )

  • Custom attribute to button / image convert

  • Control custom attribute display type

  • Transient issue fix.

Version 1.0.37 ( 16/09/2019 )

  • WPML Support

Version 1.0.36 ( 20/08/2019 )

  • WooCommerce 3.7 support

Version 1.0.35 ( 18/07/2019 )

  • Closable update notifier

  • Safari dual color issue

Version 1.0.34 ( 16/05/2019 )

  • Dual Color Support

  • WooCommerce Nav Filter Ajax support

  • WooCommerce disable pro version error

Version 1.0.33 ( 25/03/2019 )

  • FacetWP support

  • Language load issue

Version 1.0.32 ( 25/03/2019 )

  • Some theme issue

Version 1.0.31 ( 18/12/2018 )

  • Massive Dynamic theme CSS Issue

  • Flatsome theme Infinite Scroll Support

Version 1.0.30 ( 11/12/2018 )

  • Archive more swatches clickable

  • Adiva Theme support

Version 1.0.29 ( 07/12/2018 )

  • Variation preview add to cart js issue

Version 1.0.28 ( 06/12/2018 )

  • Variation preview add to cart

  • Attribute display limit on archive page

Version 1.0.27 ( 24/11/2018 )

  • Known issue

Version 1.0.26 ( 15/11/2018 )

  • Speed issue

Version 1.0.25 ( 14/11/2018 )

  • Filter added to disable body class load.

  • Filter added to disable post class load.

Version 1.0.24 ( 08/11/2018 )

  • Filter added to disable script loading.

  • Shop page image size issue

Version 1.0.23 ( 25/10/2018 )

  • WooCommeerce 3.5 Issue

  • Ajax pre-select variation issue

Version 1.0.22 ( 20/10/2018 )

  • IE-11 Support

Version 1.0.21 ( 11/10/2018 )

  • Uncode theme support

Version 1.0.20 ( 01/10/2018 )

  • Woodmart theme support

  • Atelier theme support

  • Salient theme support material style support

  • Woodstock theme support

  • berocket woocommerce ajax filters plugin support

  • Option to show or hide add to cart button on archive / shop page.

Version 1.0.19 ( 24/09/2018 )

  • uShop by themetim css issue fix.

Version 1.0.18 ( 23/09/2018 )

  • Single variation switch image change

  • Generate Sharable URL based on selected attribute.

Version 1.0.17 ( 15/09/2018 )

  • Settings Option Display issue

Version 1.0.16 ( 09/09/2018 )

  • Fix Archive page issue

  • RTL Support

Version 1.0.15 ( 06/09/2018 )

  • Yoast SEO

Version 1.0.14 ( 01/09/2018 )

  • Shopisle Support Added

  • WooCommerce Product Bundle Support Added.

  • Catalog mode issue fixed

Version 1.0.13 ( 06/07/2018 )

  • Update css issue

Version 1.0.12 ( 05/07/2018 )

  • Product catelog mode style

  • Single product attribute sizeing

  • Hide out of stock variation product

  • Item styling for hover and selected

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

A yearly licence entitles you to 1 year of updates and support. Your subscription will auto-renew each year until cancelled.
A lifetime licence entitles you to updates and support forever. It is a one-time payment, not a subscription.
  • 100,000+ Active Install
345 Reviews
Rated 4.9 out of 5 based on 4 customer ratings
  • Version 1.1.1
  • Last Updated 1 week ago
  • Requires WordPress Version 4.8+
  • Requires WooCommerce Version 3.2+
  • Requires PHP Version 5.6+

Variation Swatches For WooCommerce