Variation Swatches for WooCommerce

Variation Swatches for WooCommerce Plugin Helps you convert your existing variation dropdown select into nicely looking color image text swatches. It also enables any one attribute swatches on shop category tag and archive pages. You can configure swatches globally and values are synced by default whenever global attributes

Download Free Plugin
Checkout Premium Version

Variation Swatches for WooCommerce Gallery Images

Variation Swatches For WooCommerce Metabox

Variation Swatches for WooCommerce Gallery Features

Variation Swatches for WooCommerce Plugin Supports color/image/text variation swatches and dropdown select.
Fully compatible with Elementor , Elementor Pro , Crocoblock and Jetwoobuilder.
Different sizes of swatch from small to large.
Inbuilt direct variation link feature.
Using Variation Swatches For WooCommerce Plugin you can Use variation images as swatch images.
Global Color image values for attributes so that you don’t need to set color/image swatches again and again.Just set it once globally.
Hide or grey out unavailable options.
Cross out out of stock options.
Set groups as show by default which will make group menu open on page load.
Square as well as round swatch support.
Show selected option name on single product page.
Variation Swatches For WooCommerce Plugin Shows Color image swatches on shop/category/tag archive pages.

Free and Pro Version Comparison Table

[supsystic-price-table id=8]

Variation Swatches for WooCommerce Changelog

Plugin Version 3.6.6 – 17 February 2023
* Plugin Version 3.6.6 – fixed-issue with plugin setting not getting saved.
* Plugin Version 3.6.5 – fixeded php 8 related error.
* Plugin Version 3.6.4 – Added support for HTML5 tags.
* Plugin Version 3.6.3 – Optionally you can show attribute description in tooltip.
* Plugin Version 3.6.2 – Option to show price along with text swatches.
* Plugin Version 3.6.1 – fixed – styling issue with admin menu.
* fixed – Styling issues of textblock on shop page.
* Enhancement – Compatibility with webp images on shop page.
* Enhancement – Moved settings from WooCommerce Settings to WooMatrix/Wooswatches Menu.
Variation Swatches for WooCommerce Plugin Version 3.5.1 – 10 november 2022
* Plugin Version 3.5.1 (10 november 2022) – fixed javascript console error which breaks crossing of outofstock options.
* Enhancement – Verified compatibility with WooCommerce 7.0
* fixed – Prevent crossing out of option when not opted for in case of single attribute.
* Enhancement – Added textdomain to missing strings in settings tab.
* Enhancement – Supports custom texonomy for shop swatches.
Variation Swatches for WooCommerce Plugin Version 3.4.12 – 04 October 2022
* Plugin Version 3.4.12 – 04 October 2022 fixed – fatal error on page edit with php 8.0 when direct variation link is activated.
* Plugin Version 3.4.11 – 30 September 2022 fixed – fatal error with php 7.4.30 when direct variation link is activated.
* Plugin Version 3.4.10 – 19 August 2022 fixed – shop swatches hover not working with avada theme.
* Plugin Version 3.4.9 – 19 August 2022 Enhancement – Added options to just disable outofstock options.
* Plugin Version 3.4.8 – 15 July 2022 fixed – replaced two instances of jquery.fn.load with .on(“jquery” .
* Plugin Version 3.4.6 – 03 March 2022 fixed – crossing of out of stock options not working on single attribute products.
* Plugin Version 3.4.5 – 17 February 2022 Enhancement – Added support for is_tax(“product-collection”) for shop swatches.
* Plugin Version 3.4.4 – 10 February 2022 Enhancement – restore original image on mouseleave.
* Versopm 3.4.3 – 22 January 2022 * Enhancement – Added support for is_tax(“collections”) for shop swatches.
* Versopm 3.4.2 – 20 January 2022 * fixed – textswatches not working by default with global values.
* Plugin Version 3.4.1 – 08 January 2022 * Enhancement – added wcva_disable_unselect_on_click hook.
* Enhancement – Show textswatches by default on global values.
* Enhancement – Textblock are prefered as default option for custom swatches.
Plugin Version 3.3.12 – 03 January 2022
* Plugin Version 3.3.12 – fixed – error when variation image are used as swatches.
* Plugin Version 3.3.11 – Enhancement – Added hook to override default shop swatches shape.
* Plugin Version 3.3.10 – Enhancement – crossout only last row when attribute number is greater than 2.
* Plugin Version 3.3.9 – fixed – bug with crossing out of stock options.
* Plugin Version 3.3.7 – fixed – crossing of out of stock options not working properly when attribute number is more than two.
– fixed – full size images used for shop swatches when variation images are used as swatch image.
– fixed – bug with shop swatches not getting disabled when variation images are used as swatch image.
– Enhancement – Made cross out image more opaque.
* 3.3.6 – fixed – issue arised after update 3.3.5.
* 3.3.5 – fixed – issue arised with older php Plugin Version (below 8.0) after 3.3.4 update.
* 3.3.4 – fixed – fixed for debug error on shop page.
* 3.3.3 – fixed – issue with crossing outofstock option when attribute number is greater than two.
* 3.3.2 – 08 June 2021 – fixed – Shop swatches not working with finnish text.
– fixed – debug errors on shop page when main image was not set.
* 3.3.1 – 07 June 2021 – fixed – Variation image not working with finnish attribute text.
* Enhancement – Cross Out of stock options.
* Enhancement – Updated iris,slick and powerTip library to latest.
* Enhancement – all jquery code wrapped into noconflict mode.
* Enhancement – all instances of __() & _e() replaced with escaping functions.

Plugin Version 3.2 – 19 may 2021
* Enhancement – Added option to chose custom height and width for each attribute swatches.
* fixed – Outline not perfectly visible on ios safari.
* fixed – text below swatches visible when outofstock options are made hidden via CSS.
Plugin Version 3.1.5 – 26 march 2021
* 3.1.5 – 26 march 2021 – Shop swatches height option gets hidden on admin page load.
* 3.1.4 – 24 february 2021 – Shop swatches now works when display type is set as “use variation images”.
* 3.1.3 – 24 february 2021 – updated tested upto attributes for WP and WC.
* 3.1.2 – 22 december 2020 – fixed – fixed – first image not changing when avada WooCommerce Product Images Layout is enabled.
* 3.1.1 – fixed – pricing template duplication with avada.
* fixed – compatibility issue with php 8.0
* fixed – debug issue arised after wordpress 5.6
* Enhancement – Updated add-to-cart-variation.js according to latest WooCommerce release.
Plugin Version 3.0.20 – 29 November 2020
* Plugin Version 3.0.20 – 29 November 2020 – fixed – remove enabled attribute while detecting disabled options.
* Plugin Version 3.0.19 – 27 November 2020 – fixed – disables options based on enabled attribute only.
* Plugin Version 3.0.18 – 27 November 2020 – fixed – pricing issue with avada theme.
* Plugin Version 3.0.17 – 20 November 2020 – Enhancement – option to enable click on disabled options.
* Plugin Version 3.0.16 – 04 November 2020 – fixed compatibility issue with perfect brands plugin.
* Plugin Version 3.0.15 – 14 October 2020 – Added two hooks wcva_before_shop_swatches and wcva_after_shop_swatches
* Plugin Version 3.0.14(12 October 2020) – fixed-Limiting crossout to one attribute for sometime.
* Plugin Version 3.0.13(08 October 2020) – fixed-issue with previous update.
* Plugin Version 3.0.12(08 October 2020) – Added hook to crossout out of stock options on single product page.
* Plugin Version 3.0.11(07 October 2020) – Enhancement – added wcva_shop_outofstock_output hook to optionally show outofstock options on shop page.
* Plugin Version 3.0.10(06 October 2020) – fixed – “use variation images” not working when space is used in custom attribute text.
* Plugin Version 3.0.9(24 September 2020) – fixed – Wrong direct variation link url when used with global settings.
* Plugin Version 3.0.8(04 September 2020) – Enhancement- Show live preview of color,image,textblock on backend.
– fixed – Wrong enqueue of script on shop/archive page.
* Plugin Version 3.0.7(03 September 2020) – Enhancement- Backend metabox tab design improved.
* Plugin Version 3.0.6(29 august 2020) – Added textdomain in plugin info.
* Plugin Version 3.0.5(28 august 2020) – fixed- remove duplication with multiple variation images plugin.
* Plugin Version 3.0.4 – fixed- plugin activation notice not dismissible.
* Plugin Version 3.0.3 – Added plugin info link.
* Plugin Version 3.0.1 – Added notice on how to enable dashboard updates after plugin activation.
– Added plugin settings link.
* fixed – Jquery conflict on product edit page.
* fixed – Jquery conflict on wooswatches settings page.
* Enhancement – Replaced background-image with –bg-image on swatch output.
Plugin Version 2.8 – 22 november 2019
* Plugin Version 2.8.7 (22 november 2019) – fixed- debug error on attribute edit page.
* Plugin Version 2.8.6 (19 september 2019) – fixed- update_woocommerce_term_meta replaced with update_term_meta.
* Plugin Version 2.8.5 (23 july 2019) – fixed- slick slider js conflict in shop-frontend.js.
* Plugin Version 2.8.4 (17 july 2019) – fixed- slick slider css conflict with elementor.
* Plugin Version 2.8.3 (15 july 2019) – Added hook-wcva_restore_product_image_on_mouseleave.
* Plugin Version 2.8.2 (13 july 2019) – fixed-issue with flatsome theme sliders.
* Plugin Version 2.8.1 (12 july 2019) – fixed-Tooltip not working.
* Added – Show more link if swatches number are greater than defined.
* fixed – Hide out of stock options on shop page.
* Added – Slider for shop swatches if swatches number is higher than set value.
* fixed – Styling issues on term pages.
Plugin Version 2.7 – 16 june 2019
* Plugin Version 2.7.11(16 june 2019) fixed – Bug with admin options.
* Plugin Version 2.7.10(17 may 2019) fixed – Bug with direct variation link.
Add – Hooks to change custom size and shape.
* Plugin Version 2.7.09(15 may 2019) fixed – Bug with disable unavailable options.
* Plugin Version 2.7.08(13 may 2019) Add – attribute_name parameter to wcva_attribute_display_type hook.
Add – Hook to add extrafor global display type.
* Plugin Version 2.7.07(21 april 2019) fixed – Bug with colorpicker for hex typing.
* Plugin Version 2.7.06(21 april 2019) fixed – Bug with global shop swatch attributes.
Add – Added hooks to globally manage shop swatches.
* Plugin Version 2.7.05(11 april 2019) Add – Added span.wcva_attribute_sep class into variable.php
* Plugin Version 2.7.04(21 march 2019) fixed – Debug error related to direct variation link.
* Plugin Version 2.7.03(15 february 2019) fixed – wooswatches filter widget title not changing in backend.
fixed – add class to attribute name on widget frontend.
* Plugin Version 2.7.02(06 february 2019) Add – Option to change clear selection text.
* Plugin Version 2.7.01 fixed – Issue with rowurlencode while using variation images as swatch images.
* Plugin Version 2.7.01 fixed – Close iris color picker when focus is lost.
* fixed – Bug with using variation images as swatch images.
* fixed – Color picker issue with latest wordpress.
* fixed – Media Upload issue with latest wordpress.
Plugin Version 2.6 – 25 october 2018
* Plugin Version: 2.6.03 – fixed – restore available options on clear selection.
* Plugin Version 2.6.02 – removed woocommerce_after_add_to_cart_button hook from variable.php .
* Plugin Version 2.6.01 – Added option to hide unavailable options.
Plugin Version 2.5 – 10 june 2018
* Plugin Version 2.5.9 – fixeded disable variation issue on clear selection.
* Plugin Version 2.5.8 – fixeded issue with previous update.
* Plugin Version 2.5.7 – Disable unavailable options on page load.
* Plugin Version 2.5.6 – Removed console log entries on single product page.
* Plugin Version 2.5.5 – fixeded bug related to hiding unavailable options.
* Plugin Version 2.5.4 – fixeded js error.
* Plugin Version 2.5.3 – Updated add-to-cart-variation.js
* Plugin Version 2.5.2 – fixeded malware warning.
* Plugin Version 2.5.1 – Removed //do_action( ‘woocommerce_before_add_to_cart_button’ ); from variable.php .
* Added – Multiple images per variation.
Plugin Version 2.4 – 5 June 2018
* Plugin Version 2.4.12 – fixed-extra space between swatches and clear selection link.
* Plugin Version 2.4.11 – fixed-use of slug when default option is chosen.
* Plugin Version 2.4.10 – fixed-use of label as selected option instead of slug.
* Plugin Version 2.4.9 – Added Plugin Version check tags for woocommerce 3.2+.
* Plugin Version 2.4.8 – Added option to use variation image as swatch image in case of single attribute.
* Plugin Version 2.4.7 – fixed- Removed default dark color for attribute label.
* Plugin Version 2.4.6 – fixed- clear selected attribute upon swatch deselect.
* Plugin Version 2.4.5 – fixed- clear selection link appears before swatches.
* Plugin Version 2.4.4 – Show selected attribute name on single product page.
* Plugin Version 2.4.3 – fixed for avada pricing issue with update 2.4.1.
* Plugin Version 2.4.2 – added support for category shortcodes.
* Plugin Version 2.4.1 – fixeded pricing issue with avada theme.
* fixed – Removed display:none; property on single_variation_wrap into variable.php template.
* fixed – Direct variation link issue arised after 2.3.9
Plugin Version 2.3 – 08 April 2017
* Plugin Version 2.3.9 – fixeded debug error on wooswatches tab.
* Plugin Version 2.3.8 – fixeded bug with direct variation link.
* Plugin Version 2.3.7 – fixeded debug error.
– fixeded debug error on shortcode.
– fixeded direct variation link incompatibility issue with WC 3.0 .
* Plugin Version 2.3.6 – Removed plugin update library. Use http://envato.github.io/wp-envato-market/ instead.
– fixeded Js output bug on simple products.
– fixeded debug errors on single product page.
* Plugin Version 2.3.5 – Bug fixeded with previous release.
* Plugin Version 2.3.2 – fixeded debug erros.
* Plugin Version 2.3.1 – fixeded bug related to previous release.
* fixeded WooCommerce 3.0 Compatiblity Issue
Plugin Version 2.2 – 04 Octomber 2016
* Plugin Version 2.2.9 – fixeded debug errors on my account page.
* Plugin Version 2.2.8 – Added- rel=”nofollow” to filter widget links.

* Plugin Version 2.2.7 – Added- wcva_after_attribute_swatches hook
Tweak- Change in textblock CSS
* Plugin Version 2.2.6 – fixed- Filter widget swatches showing css output.
* Plugin Version 2.2.5 – fixed- hover image not getting removed under product/attributes.
* Plugin Version 2.2.4 – fixeded bug with previous update.
* Plugin Version 2.2.3 – Removes unavailable options in default dropdowns and disables unavailable option swatches.
* Plugin Version 2.2.2 – Replaced smallipop with powerTip, Show shop swatches in related products and you may also like.
* Plugin Version 2.2.1 – Replaced minitip with smallipop,fixeded bug with previous Plugin Version.
* fixed – Swatches not showing under private mode.
* Added – Inbuilt swatches product filter.
* Added – Shop swatches now works with global values as display type.
* Added – wcva_show_hidden_dropdown hook to show dropdowns along with swatches.
* Added – Option to change hover image size.

Plugin Version 2.1 – 07 September 2016
* Plugin Version 2.1.8 – fixeded minor css bug.
* Plugin Version 2.1.7 – Disables unavailable options.
* Plugin Version 2.1.5 – removed disabled=”disabled” attrabute on add to cart button.
– fixed for debug errors related to shop swatches.
– CSS tweak for round swatches.
* Plugin Version 2.1.4 – fixeded shop swatches hover swatch border issue.
– fixeded shop swatches wrong order issue.
* Plugin Version 2.1.3 – Added border on hover on shop swatches.
– fixeded bug with direct variation link.
– fixeded below name CSS issue.
– fixeded shop swatches hover image dimension issue.
* Plugin Version 2.1.2 – some CSS tweak,fixeded fatal error due to class conflict.
* Plugin Version 2.1.1 – added class to hidden select element,option to replace hover with click on shop swatches.
* Added option to disable tooltip on iOS devices to avoide double click.
* Added wcva_attribute_swatch_display_type and wcva_attribute_swatch_image hook.
* Added inbuilt direct variation link feature.
* Added textblock option as attribute display type.

Plugin Version 2.0 – 28 june 2016

* Plugin Version 2.0.4- fixeded debug errors.
* Plugin Version 2.0.3- fixeded debug errors, remove “disable shortcode support checkbox” from plugin settings page.
* Plugin Version 2.0.2- Added wcva_attribute_display_type hook.
* Plugin Version 2.0.1- Added wcva_swatch_image_url and wcva_hover_image_url hook.
* Improvement in page loading speed.
* fixeded bug with global display type.

Plugin Version 1.9 – 29 february 2016

* Added feature to manage attribute options globally.

Plugin Version 1.8 – 25 february 2016

* Added possiblity to manage attribute options globally.

Plugin Version 1.8 – 30 january 2016

* 1.8.1- fixeded attribute label translation issue with WPML,removed custom label option.
* fixeded CSS issue related to “attribute name below swatch”.
* fixeded compatibility issues with Woocommerce 2.5.

Plugin Version 1.7 – 10 december 2015

* fixeded compatiblity issues with WP 4.4.
* Improvement in frontend single product page css.
* fixeded shop swatches hover image change issue with virtue,pinnacle theme.
* Moved plugin settings to Woocommerce/settings/swatches tab from Woocommerce/settings/products/display

Plugin Version 1.6 – 10 october 2015

* 1.6.8 – added optional tooltip on swatches.
* 1.6.7 – made button classes unique to avoid conflict on attribute edit page,fixeded one debug error.
* 1.6.6 – fixeded bug that makes attribute label selected on click,fixeded bug related to default options.
* 1.6.5 – fixeded bug related to different term slug and term name,some changes in automatic plugin update related
code to improve performance.
* 1.6.4 – fixeded custom label text bug,added option to use custom product page swatches height/width.
* 1.6.3 – fixeded wp_debug error,fixeded bug related to global attributes.
* 1.6.2 – Change in purchase code verification code, added shortcode support,
fixeded conflict issue due to space,rowurldecode,minor changes in product-frontend.js file.
* 1.6.1 – fixeded bug related to previous release.
* fixeded compatibility issues related to woocommerce 2.4.X
* fixeded variation description related issue.
* fixeded issue related to special characters.
* Added automatic update feature.

Plugin Version 1.5 – 23 august 2015

* Verified compatibility with latest wordpress 4.3 and woocommerce 2.4.5

Plugin Version 1.4 – 17 January 15

* Added Direct Variation link Support on Shop Swatches.
* Added Option to change the location of Shop Swatches.
* Moved Shop swatches settings from general to products tab.

Plugin Version 1.3 – 30 December 14

* Plugin Version 1.3.1 – Added rowurlencode to backend lable test.
* Displays Swatches below each product on shop/category/tag pages.
* Changes product image on swatch hover.

Plugin Version 1.2 – 20 December 14

* Plugin Version 1.2.1 – fixeded Small Issue with Greek Language.
* fixeded Compatibility Issue with YITH WooCommerce Zoom Magnifier.
* fixeded Compatibility Issue with Multiple Images Per variation Plugin.
* fixeded Image Zoom Compatibility Issue with IDSTORE,LEGENDAV,AVADA Theme.

Plugin Version 1.1 – 11 november 14

* Plugin Version 1.1.5 – Some changes in plugin code , no change in features.
* Plugin Version 1.1.4 – fixeded issue with decimal values , Removed Admin attribute header preview.
* Plugin Version 1.1.3 – fixeded bug related to global color or image.
* Plugin Version 1.1.2 – Support attribute name to be displayed under swatch.
* Plugin Version 1.1.1 – added title hover to swaatches.
* fixeded compatibility issue with IE 11.
* Improved Front-end Compatibility with Major themes.
* Little tweak in admin side code.
* Improved CSS.
* Verified Compatibility with wordpress 4.0 and woocommerce 2.2.8.
* Verified functionality with All major browsers including IE 9,10,11.

Plugin Version 1.0.8 -12 July 14
* Improvement in global Color or image per attribute.
* 1.0.8.1 – fixeded bug related to woocommerce older Plugin Versions.

Plugin Version 1.0.7 -3 June 14

* replaced green border with black border on checked for image or color.
* fixeded issue with default option selected on product load.
* Loads default select for IE11.

Plugin Version 1.0.6 -24 May 14

* fixeded Compatibility issue with IE.

Plugin Version 1.0.5 -18 May 14

* Replaced Common display type selection with Per attribute selection.
* Improved Frontend CSS.

Plugin Version 1.0.4 -17 April 14

* added color or image settings on attribute edit pages.

Plugin Version 1.0.3 -15 April 14

* added radio button support .

* many minor improvements

Plugin Version 1.0.3 -16 April 14

* Improved theme compatibility.

* Improved CSS