WooSwatches – WooCommerce Color or Image Variation Swatches

Compatible with WooCommerce 3.8+



WooSwatches – WooCommerce Color or Image Variation Swatches Plugin Features

  • Supports color/image/text variation swatches and dropdown select.
  • Woocommerce improved variable product attributes and attribute swatches.
  • Global color or image values for attributes.
  • Inbuilt color/image product filter.
  • Works on mobile devices.
  • Different sizes of swatch from small to large.
  • Square as well as round swatch support.
  • Option to display option name below swatch.
  • Show selected option name on single product page.
  • Shows color or image swatches on shop/category/tag archive pages.
  • Inbuilt direct variation link feature. see this.
  • Change product image on swatch hover on category/archive pages. see this.
  • Color , image swatches compatible with [product_page ] shortcode. see this.
  • Show more link if swatches number are greater than defined. see this.
  • Slider for shop swatches if swatches number is higher than set value. see this.
Convert your normal variable attribute dropdown select to nicely looking color or image select. You can display images or color in all common size. Display them in round or square mode.
You can opt to display swatches of any one product attribute below product title on shop/category/tag archive pages.Product images will be replaced with swatch hover image whenever user takes cursor on any swatch.

Plugin comes with easy to use admin UI which will allow you to set color , image or other options in no time.
You can also set image or color settings for each attribute value on attribute edit page . Once you set the image , this values will be used automatically for front-end swatch wherever preset attributes are used for variables.

Changelog

Version 2.8 – 22 november 2019

  • Version 2.8.7 (22 november 2019) – Fix- debug error on attribute edit page.
  • Version 2.8.6 (19 september 2019) – Fix- update_woocommerce_term_meta replaced with update_term_meta.
  • Version 2.8.5 (23 july 2019) – Fix- slick slider js conflict in shop-frontend.js.
  • Version 2.8.4 (17 july 2019) – Fix- slick slider css conflict with elementor.
  • Version 2.8.3 (15 july 2019) – Added hook-wcva_restore_product_image_on_mouseleave.
  • Version 2.8.2 (13 july 2019) – Fix-issue with flatsome theme sliders.
  • Version 2.8.1 (12 july 2019) – Fix-Tooltip not working.
  • Added – Show more link if swatches number are greater than defined.
  • Fix – Hide out of stock options on shop page.
  • Added – Slider for shop swatches if swatches number is higher than set value.
  • Fix – Styling issues on term pages.

Version 2.7 – 16 june 2019

  • Version 2.7.11(16 june 2019) Fix – Bug with admin options.
  • Version 2.7.10(17 may 2019) Fix – Bug with direct variation link.
    Add – Hooks to change custom size and shape.
  • Version 2.7.09(15 may 2019) Fix – Bug with disable unavailable options.
  • Version 2.7.08(13 may 2019) Add – attribute_name parameter to wcva_attribute_display_type hook.
    Add – Hook to add extra <option></option> for global display type.
  • Version 2.7.07(21 april 2019) Fix – Bug with colorpicker for hex typing.
  • Version 2.7.06(21 april 2019) Fix – Bug with global shop swatch attributes , Add – Added hooks to globally manage shop swatches.
  • Version 2.7.05(11 april 2019) Add – Added span.wcva_attribute_sep class into variable.php
  • Version 2.7.04(21 march 2019) Fix – Debug error related to direct variation link.
  • Version 2.7.03(15 february 2019) Fix – wooswatches filter widget title not changing in backend, Fix – add class to
    attribute name on widget frontend.
  • Version 2.7.02 (06 february 2019) Add – Option to change clear selection text..
  • Version 2.7.01(15/01/2019) Fix – Issue with rowurlencode while using variation images as swatch images.
  • Version 2.7.01(15/01/2019) Fix – Close iris color picker when focus is lost.
  • Fix – Bug with using variation images as swatch images.
  • Fix – Color picker issue with latest wordpress.
  • Fix – Media Upload issue with latest wordpress.

Version 2.6 – 26 October 2018

  • version: 2.6.03 (26/10/2018) – fix – restore available options on clear selection.
  • version 2.6.02 (26/10/2018) – removed woocommerce_after_add_to_cart_button hook from variable.php .
  • version 2.6.01 (25/10/2018) – Added option to hide unavailable options.

Version 2.5 – 18 October 2018

  • version 2.5.9(18/10/2018) – Fixed disable variation issue on clear selection.
  • version 2.5.8(18/10/2018) – Fixed issue with previous update.
  • version 2.5.7(18/10/2018) – Disable unavailable options on page load.
  • version 2.5.6(11/10/2018) – Removed console log entries on single product page.
  • version 2.5.5(11/10/2018) – Fixed bug related to hiding unavailable options.
  • version 2.5.4(03/10/2018) – Fixed js error.
  • version 2.5.3(22/09/2018) – Updated add-to-cart-variation.js
  • version 2.5.2(07/09/2018) – Fixed malware warning.
  • version 2.5.1(13/06/2018) – Removed //do_action( ‘woocommerce_before_add_to_cart_button’ ); from variable.php .

Version 2.4 – 05 June 2018

  • version 2.4.12(05/06/2018) – Fix-extra space between swatches and clear selection link.
  • version 2.4.11(13/04/2018) – Fix-use of slug when default option is chosen.
  • version 2.4.10(10/04/2018) – Fix-use of label as selected option instead of slug.
  • version 2.4.9(13/03/2018) – Added version check tags for woocommerce 3.2+.
  • version 2.4.8(13/03/2018) – Added option to use variation image as swatch image in case of single attribute.
  • version 2.4.7(12/03/2018) – fix- Removed default dark color for attribute label.
  • version 2.4.6(12/03/2018) – fix- clear selected attribute upon swatch deselect.
  • version 2.4.5(16/02/2018) – Fix – clear selection link appears before swatches.
  • version 2.4.4(14/02/2018) – Show selected attribute name on single product page.
  • version 2.4.3(28/12/2017) – fix for avada pricing issue with update 2.4.1.
  • version 2.4.2(27/12/2017) – added support for category shortcodes.
  • version 2.4.1(07/12/2017) – fixed pricing issue with avada theme.
  • version 2.4.0(25/06/2017) – Fix – Removed display:none; property on single_variation_wrap into variable.php template.
  • version 2.4.0(25/06/2017) – Fix – Direct variation link issue arised after 2.3.9

Version 2.3 – 20 june 2017

  • version 2.3.9(02/06/2017) – fixed debug error on wooswatches tab.
  • version 2.3.8(20/05/2017) – Fixed debug error on wooswatches tab in the backend when variation link feature is enabled.
  • version 2.3.7(17/05/2017) – Fixed debug error ,Fixed debug error on [product_page ] shortcode , Fixed direct variation link incompatibility issue with WC 3.0 .
  • version 2.3.6(22/04/2017) – Removed plugin update library. Use http://envato.github.io/wp-envato-market/ instead,Fixed Js output bug on simple products,Fixed debug errors on single product page.
  • version 2.3.5(16/04/2017) – Bug fixed with previous release.
  • version 2.3.2(14/04/2017) – Fixed debug erros, change in frontend js.
  • version 2.3.1(08/04/2017) – Fixed bug related to previous release.
  • version 2.3.0(08/04/2017) – Fixed WooCommerce 3.0 Compatiblity Issue

Version 2.2 – 18 january 2016

  • version 2.2.9 (18/01/2016)- Fixed debug errors on my account page.
  • version 2.2.8 (18/01/2016)- Added- rel=”nofollow” to filter widget links.
  • version 2.2.7 (24/10/2016)- Added- wcva_after_attribute_swatches hook,Tweak- Change in textblock CSS.
  • version 2.2.6 (17/10/2016)- Fix- Filter widget swatches showing css output.
  • version 2.2.5 (11/10/2016) – Fix- hover image not getting removed under product/attributes.
  • version 2.2.4 (09/10/2016) – Fixed bug with previous update.
  • version 2.2.3 (08/10/2016) – Filter out unavailable options.
  • version 2.2.2 (07/10/2016) – Replaced smallipop with powerTip, Show shop swatches in related products and you may also like section.
  • version 2.2.1 (05/10/2016) – Replaced minitip with smallipop,Fixed bug with previous version.
  • version 2.2.0 (04/10/2016) – Fix – Swatches not showing under private mode.
  • version 2.2.0 (04/10/2016) – Added – Inbuilt swatches product filter.
  • version 2.2.0 (04/10/2016) – Added – Shop swatches now works with global values as display type.
  • version 2.2.0 (04/10/2016) – Added – wcva_show_hidden_dropdown hook to show dropdowns along with swatches.
  • version 2.2.0 (04/10/2016) – Added – Option to change hover image size.

Version 2.1 – 09 September 2016

  • Version 2.1.8 (29/09/2016) – Fixed minor css bug.
  • Version 2.1.7 (26/09/2016) – Added hook wcva_disable_unavailable_options hook.
  • Version 2.1.5 (24/09/2016) – Removed disabled=”disabled” attrabute on add to cart button,Fix for debug errors related to shop swatches,CSS tweak for round swatches.
  • Version 2.1.4 (22/09/2016) – Fixed shop hover swatch border issue,Fixed shop swatches wrong order issue.
  • Version 2.1.3 (21/09/2016) – Added border on hover on shop swatches, Fixed bug with direct variation link,Fixed below name CSS issue,Fixed blurry hover image issue.
  • Version 2.1.2 (20/09/2016) – Some CSS tweak,Fix for fatal error due to class conflict.
  • Version 2.1.1 (20/09/2016) – added class to hidden select element,option to replace hover with click on shop swatches.
  • Added option to disable tooltip on iOS devices to avoid 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.

Version 2.0 – 28 june 2016

  • Version 2.0.3 (24/08/2016)- Fixed debug errors, remove “disable [product_page ] shortcode support checkbox” from plugin settings page.
  • Version 2.0.2 (14/08/2016)- Added wcva_attribute_display_type hook.
  • Version 2.0.1 (12/08/2016)- Added wcva_swatch_image_url and wcva_hover_image_url hooks.
  • Improvement in page loading speed.
  • Fixed bug with global display type.

Version 1.9 – 29 february 2016

  • Added feature to manage attribute options globally.

Version 1.8 – 31 january 2016

  • 1.8.1 (11/02/2016) – Fixed attribute label translation issue with WPML,removed custom label option.
  • Fixed CSS issue related to “attribute name below swatch”.
  • Fixed compatibility issues with Woocommerce 2.5.

Version 1.7 – 10 december 2015

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

Version 1.6 – 10 october 2015

  • 1.6.8 (25/11/2015) – added optional tooltip on swatch hover,few changes in plugin css.
  • 1.6.7 (06/11/2015) – made button classes unique to avoid conflict on attribute edit page,fixed one debug error.
  • 1.6.6 (23/10/2015) – fixed bug that makes attribute label selected on click,fixed bug related to default options.
  • 1.6.5 (20/10/2015) – Fixed bug related to different term slug and term name,some changes in automatic plugin update related
    code to improve performance.
  • 1.6.4 (16/10/2015) – Fixed custom label text bug,added option to use custom product page swatches height/width.
  • 1.6.3 (13/10/2015) – Fixed wp_debug error,fixed bug related to global attributes.
  • 1.6.2 (11/10/2015) – Change in purchase code verification code, added [product_page] shortcode support,
    fixed conflict issue due to space,rowurldecode,minor changes in product-frontend.js file.
  • 1.6.1 (11/10/2015)- Fixed bug related to previous release.
  • Fixed compatibility issues related to woocommerce 2.4.X
  • Fixed variation description related issue.
  • Fixed issue related to special characters.
  • Added automatic update feature.
  • Removed radio select.

Version 1.5 – 24 august 2015

  • version 1.5.1 (20/09/2015)- Fixed debug error related to linked products
  • version 1.5.1 (20/09/2015)- Fixed debug error related to shop swatches
  • Verified functionality with latest wordpress 4.3 and woocommerce 2.4.5.
  • Fixed bug related to global attribute color or images.

Version 1.4 – 17 January 2015

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

Version 1.3 – 30 December 2014

  • Version 1.3.1 – Added rowurlencode to backend and frontend lable text.
  • Displays Swatches below each product on shop/category/tag pages.
  • Changes product image on swatch hover.

Version 1.2 – 20 December 2014

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

Version 1.1 – 11 november 2014

  • version 1.1.5 – Some changes in plugin code , no change in features.
  • version 1.1.4 – Fixed issue with decimal values , Removed Admin attribute header preview.
  • version 1.1.3 – Fixed bug related to global color or image.
  • version 1.1.2 – Support attribute name to be displayed under swatch.
  • version 1.1.1 – added title hover to swaatches.
  • Fixed 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.

Version 1.0.8 -12 July 2014

  • Improvement in global Color or image per attribute.
  • 1.0.8.1 – fixed bug related to woocommerce older versions.

Version 1.0.7 -3 June 2014

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

Version 1.0.6 -24 May 2014

  • Fixed Compatibility issue with IE.

Version 1.0.5 -18 May 2014

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

Version 1.0.4 -17 April 2014

  • added color or image settings on attribute edit pages.

Version 1.0.3 -15 April 2014

  • added radio button support .
  • many minor improvements

Version 1.0.3 -16 April 2014

  • Improved theme compatibility.
  • Improved CSS
  • Removed custom label text option .

Version 1.0.1 -14 April 2014

  • fixed bug related to variable add to cart button.

TMDb Pro – Movie & TV Show Details Plugin For The Movie Database

WooSwatches – WooCommerce Color or Image Variation Swatches

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here, content here, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where does it come from?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.

Where can I get some?

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isnt anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

WooSwatches - WooCommerce Color or Image Variation Swatches