Woo Variation Swatches is a WooCommerce extension that transforms boring variation dropdowns to nice looking swatches.

If you’re running a WooCommerce store, it’s obvious you want to provide the best shopping experience to your website users. The better the experience you offer your users, the more likely they are to purchase from your store.

The ability to view multiple variations of a product is very important while browsing for products. The shopping experience for customers can be enhanced by making the products look a little more appealing.

One of the ways to bring more life into products that have variable attributes, is to add the color attribute. The default variation options that come with Woocommerce don’t exactly follow the best UX trends and useful design like we know is really important these days. Having a well structured site that appeals to your clientele is important since it affects your conversion rate. By installing Woo Variation Swatches plugin, your customers will be able to view your variation products in different available colors and sizes in a much smoother way!

3 types of swatches are available, Color, Image and Label. Image swatches will automatically be applied for variation color attributes that contains an image. Swatches can also be enabled within the catalog page as well as any product quick view modal including Woo Quick View.

With a friendly and easy-to-use interface, you can add a default color, image or label to each attribute in the attribute management page.


  • Live Preview Customizer (All Options)
  • Attribute types: (Dropdown, Label, Color, Image)
  • Customize options for single product / archives independently
  • Automatically convert Dropdowns to Label Swatch by default
  • Automatically convert Color Dropdowns to Image Swatch
  • Attribute Label Position (Above / Before Swatches)
  • Hide Attribute Label
  • Hide Variation Reset Link
  • Attribute Quick Edit Supported
  • Swatch Styles: (Square, Circle, Rounded)
  • Adjust Swatch (Width, Height, Alignment)
  • Adjust Swatches Container Spacing
  • Adjust Swatch Vertical & Horizontal Gap
  • Adjust Swatch (Width, Height, Font Size, Colors)
  • Enable Tooltip (Text or Image)
  • Adjust Tooltip Background & Text Color
  • Adjust Tooltip Image Size
  • Adjust Tooltip Border Size & Radius
  • Override global swatch settings within product page
  • Mix swatch types for the same product. ex. Image / Color
  • Enable Catalog Mode
  • Support display in Quick Views
  • Compatible with XT Woo Floating Cart
  • Compatible with XT Woo Quick View

    Support by AppMaker
Show More

V.1.3.1 - 19.05.2020

  • fix Minor fixes

V.1.3.0 - 12.05.2020

  • fix Force showing add to cart button on shop archive page if swatches are enabled. Some themes do not show it by default, ex: Divi theme causing swatches not to appear.

V.1.2.9 - 20.04.2020

  • fix Fixed issue with swatches not being re-initialized on ajax page load or when ajax filters are applied.

V.1.2.8 - 16.04.2020

  • new Added option to adjust the woocommerce ajax variation threshold.
  • fix Fixed issue with catalog mode not switching image when variations are loaded via ajax
  • fix Tooltip not showing

V.1.2.7 - 16.04.2020

  • new Added option to enable variation image switch on hover in catalog mode
  • new Added option to disable Deselect on Click
  • fix Minor CSS fixes

V.1.2.5 - 13.04.2020

  • fix Fix issue with Catalog Mode sometimes not applying correctly on some products.

V.1.2.4 - 11.04.2020

  • fix Fix intermittent issue on some themes where swatch events are not firing.

V.1.2.3 - 10.04.2020

  • fix Fix variation image switching on archive

V.1.2.2 - 09.04.2020

  • fix Disable the add to cart button on the archive page until a variation is selected
  • new Pro Added option to show quantity field on archive page
  • support Better third party Quick View plugins support
  • support Better theme support
  • support Better compatibility with XT Woo Quick View plugin

V. - 27.03.2020

  • update XT Framework update / bug fixes
  • support Support WooCommerce v4

V. - 18.02.2020

  • update XT Framework update / bug fixes

V.1.2.1 - 15.02.2020

  • fix Fixed issue with add to cart button being hidden on some themes

V.1.2.0 - 29.01.2020

  • fix Fixed issue with plugin TextDomain not being loaded properly
  • update Updated translation files

V.1.1.9 - 10.01.2019

  • update XT Framework update.

V.1.1.8 - 09.01.2019

  • enhance Major backend changes. All XT Plugins will now appear under "XT Plugins" menu.

V.1.1.7 - 22.11.2019

  • fix Minor Fixes

V.1.1.6 - 13.11.2019

  • Fix Fixed issue with Divi theme, swatches not being loaded on the single page.
  • New Pro Allow selection of multiple quick attributes to be used when auto converting dropdowns to image swatches. Only the first one found will be used.

V.1.1.5 - 05.11.2019

  • Fix Make sure swatches re-initialize correctly after applying sorting / filters via ajax.

V.1.1.4 - 28.10.2019

  • New Pro Catalog Mode: Allow selection of multiple global attributes. Only the first one will be displayed.
  • Support Support WordPress v5.2.4

V.1.1.3 - 23.10.2019

  • Update Pro Update customizer library to v3.0.45
  • Fix Pro Fixed issue with some customizer fields hidden on Flatsome theme and others.
  • Enhance Faster swatch auto selection when multiple attribute swatches available.

V.1.1.2 - 23.10.2019

  • fix Fixed infinite loop with some themes when auto selecting multiple attribute swatches on first swatch click

V.1.1.1 - 14.10.2019

  • Update Update Freemius SDK to v2.3.1

V.1.1.0 - 19.08.2019

  • Update Pro Updated customizer library to V3.0.44

V.1.0.9 - 06.08.2019

  • Fix Pro When adding product quick attributes, the swatch type was being set as the previous attribute swatch type instead of the default "select" type. This has been fixed now which also fixes the "automated dropdown to label swatch" option for quick attributes.
  • Fix Minor CSS Fixes

V. - 08.06.2019

  • Fix Fixed issue with automated swatch selection causing infinite loop when attribute is not available and the swatch is disabled.
  • Fix Fixed issue with quick edit image uploader

V. - 05.06.2019

  • Fix Customizer: Fix swatch container spacing css
  • Fix Minor css fixes and code improvements.

V. - 25.04.2019

  • Fix Pro Fixed bug with Disabled Attribute Behavior
  • Fix Fixed tooltip flickering issue

V.1.0.8 - 24.04.2019

  • New Pro Added option to select a behavior for Disabled Variations. Select between (Hide, Blur, Blur & Cross)
  • Fix Pro Product edit page swatch settings: Fixed issue with color pickers not loading after modifying WooCommerce attributes
  • New Fixed conflict with the "WooCommerce Recommendation Engine" plugin
  • Support Better Theme Support

V.1.0.7 - 11.04.2019

  • Support Better theme support
  • Fix Fixed issue with duplicated "select options" buttons appearing on some themes.
  • Fix Fixed issue on product archives page on some themes, product images not being switched on swatch variation select

V.1.0.6 - 04.04.2019

  • fix Pro Fixed licensing issue
  • Fix Fixed issue with variation price switching on some themes

V.1.0.5 - 29.03.2019

  • Fix Fixed issue with product price disappearing on variation select.

V.1.0.4 - 26.03.2019

  • Fix Pro Fix css issue with tooltips
  • Fix Pro Fix issue with some product level options not saving.
  • Update Update translation POT

V.1.0.3 - 18.03.2019

  • Update Pro Updated Customizer Framework
  • Support Better WPML Support

V.1.0.2 - 13.03.2019

  • New Added option to enable / disable swatches on Shop or Single pages. By default, swatches will be disabled on Shop / Archives

V.1.0.1 - 26.02.2019

  • Fix Fixed bug with customizer default values

V.1.0.0 - 20.02.2019

  • Initial Initial Version
4.6/5 based on 9 ratings
An annual license entitles you to 1 year of updates and support. Your subscription will auto-renew each year until cancelled.
A lifetime license entitles you to updates and support forever. It is a one-time payment, not a subscription.

Plugin details

  • Version 1.3.1
  • Last Updated 19 May 2020
  • Released 28 Nov 2018


  • WordPress 4.6+
  • PHP 5.4+

Tested up to

  • WordPress 5.4

Kind words from our happy customers.