Color or Image Variation Swatches for WooCommerce

Description

Color or Image Variation Swatches for WooCommerce provides new WooCommerce type attributes (color,label,image) for creating beautiful variations

Check some of its features:

  • Create a new type attribute for handling colors
  • Create a new type attribute for handling labels
  • Create a new type attribute for handling images

Getting Started

Once you install and enable the plugin, three new options will be available at Product > Attributes > Types :

  • Color
  • Image
  • Label

Please take a look at the screenshots to understand it better

Screenshots

  • Display appealing attributes on frontend instead of the default select from WooCommerce
  • Create a color type attribute
  • Create a label type attribute
  • Create a image type attribute
  • Use the new type attributes (color, label and image) at your disposal

Installation

  1. Upload the entire ‘color-or-image-variation-swatches-for-woocommerce’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Start by visiting plugin settings at WooCommerce > Settings > Ajax Product Search.

FAQ

What does this plugin do?

It creates new WooCommerce type attributes (color, label and image). They are located in Products > Attributes > Type.
With these attributes you can turn your native WooCommerce variations into something more beautiful and appealing.

How can i contribute? Is there a github repository?

If you are interested in contributing – head over to the Color or Image Variation Swatches for WooCommerce github repository to find out how you can pitch in.

Is there a Pro version?

Yes, it’s located here

What can I do in the Pro version?
  • Display only the possible term combinations, so your visitors don’t have to guess the right ones
  • Display your attributes on frontend using Select2, an enhanced version of the select element. It’s great if you have a lot of variations
  • Add attribute images of a variable product on its own gallery. So the user can zoom.
Can I see what the Pro version is capable of?
  • After installing the free version of this plugin, you can see the Pro version features in WooCommerce > settings > Variation Swatches > Pro version

Reviews

August 27, 2018
You can install and activate this plugin but nothing will happen, no any option to use in any product... You have to buy the PRO version...
Read all 9 reviews

Contributors & Developers

“Color or Image Variation Swatches for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.1 – 26/03/2019

  • Improve function that displays attributes on product edit page
  • Tested up to: 5.1

1.1.0 – 21/02/2019

  • Update WC tested up to: 3.5
  • Update WordPress Tested up to: 5.0

1.0.9 – 23/10/2018

  • Update CMB2
  • Fix ‘woocommerce_update_variation_values’ js event trigger
  • Replace td.value by td on main.js avoiding possible conflicts
  • Update CMB2 library address

1.0.8 – 27/08/2018

  • Improve plugin’s description

1.0.7 – 27/08/2018

  • Fix php warning
  • Update tested up to
  • Add WooCommerce requirements
  • Improve plugin’s description

1.0.6 – 17/07/2018

  • Fix click on Safari
  • Improve the detection mechanism of the original variations dropdown
  • Remove package-lock.json

1.0.5 – 15/01/2018

  • Update CMB2
  • Fix jQuery conflict

1.0.4 – 04/12/2017

  • Improve javascript
  • Improve JS replacing parent() by closest, making it compatible with themes like Avada

1.0.3 – 06/09/2017

  • Improve term click (Now it works even when reinserted to DOM)

1.0.2 – 31/08/2017

  • Improve function to clean invalid attributes

1.0.1 – 12/04/2017

  • Replace term name by term id on product edit page because of WooCommerce 3.0
  • Remove warning from old version of WooCommerce where product id was being called incorrectly
  • Disable plugin if Pro is enabled
  • Better documentation for JS
  • Add data-attribute on custom terms
  • Better readme

1.0.0 – 03/04/2017

  • Initial Release.