Please note that this documentation predates Uncode 2.7.0 which includes native Variation Swatches, and this is the method we recommend using (and this is probably what you saw in our demo):
Anyway, if for some reason, you prefer to use the Variation Swatches for WooCommerce plugin, please follow.
If you need to create attribute variation swatches, we recommend using the best-rated, Variation Swatches for WooCommerce plugin. This plugin also offers a Premium extension Variation Swatches for WooCommerce - Pro, which gives you a multitude of additional options for advanced shops.
WooCommerce Variation Swatches is the most favored attribute variation swatches plugin in the WordPress plugin directory. The plugin is an incredible creation by the GetWooPlugins team to create a new experience for WooCommerce product variations:
Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into radio images, colors, and labels. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors, and label. So, you can say goodbye to dropdown product attribute fields.
How to use
Using the plugin is relatively simple, please follow:
- Make sure first to have activated the Theme Options → WooCommerce → Enable Hooks;
- Consult the official documentation of the plugin: Variation Swatches - Documentation.
- Please note that its authors have designed the plugin to work with images embedded using the regular <img> tag as it usually happens in WooCommerce and most layouts. So if you are using an advanced and creative Uncode layout like Metro or Carousel Fluid, where images are applied in the background, the image variation will not work.