Smart Variations Images & Swatches for WooCommerce


Smart Variations Images & Swatches is packed with the essential features to optimize your WooCommerce product image gallery and boost your sales. It allows store customers to see different images when WooCommerce product variations are changed and add Variation Swatches For WooCommerce Product Attributes.

How SVI works and Setup

By default WooCommerce will only swap the main variation image when you select a product variation, not the gallery images below it.

This extension allows visitors to your online store to be able to swap different gallery images when they select a product variation.
Adding this feature will let visitors see different images of a product variation all in the same color and style.

SVI now allows you to replace dropdown fields for your variable products with swatches. Using color, image or labels swatches provides a much nicer way to display variations of a product.

What differentiates SVI from the other Additional Variations Images?

Make the smart choice! Read the article

FREE FEATURES OF Smart Variations Images & Swatches

Live Demo | Support

Key Features

  • Display UNLIMITED images on created Variation gallery.
  • [NEW] Variation Swatches and Photos
  • Showcase 1 Image under Variation Selection
  • Showcase Variations on product loop pages
  • Simple Slider
  • Simple Magnifier Lens
  • Simple Ligthbox
  • Ability to hide thumbnails until variation is chosen
  • WPML Compatible
  • Responsive

PREMIUM FEATURES OF Smart Variations Images & Swatches

Live Demo | Upgrade to PRO | Support

All Free Features plus:
* Video Support
* Advanced Slider/Ligthbox/Magnifier Lens options
* Stacked Layout
* Trigger image swap on specific attribute change
* Add variation image to Cart / Email / Admin order Edit / Order details
* API actions
* Import/Export handling
* And much more…

Imagens de tela

  • Display Images according to variation
  • Ligthbox
  • Setup the combinations
  • ReduxFramework to manage the options
  • Display variations under Variations Select
  • Display variations on Product Loop Pages
  • Replace dropdown fields for your variable products with swatches
  • Assign colors to attributes


Automatic Install From WordPress Dashboard

  1. Login to your the admin panel
  2. Navigate to Plugins -> Add New
  3. Search Smart Variations Images & Swatches
  4. Click install and activate respectively.

Manual Install From WordPress Dashboard

If your server is not connected to the Internet, then you can use this method:

  1. Download the plugin.
  2. Login to your site’s admin panel and navigate to Plugins -> Add New -> Upload.
  3. Click choose file, select the plugin file and click install

Install Using FTP

If you are unable to use any of the methods due to internet connectivity and file permission issues, then you can use this method:

  1. Download the plugin.
  2. Unzip the file.
  3. Launch your favorite FTP client. Such as FileZilla, FireFTP, CyberDuck etc. If you are a more advanced user, then you can use SSH too.
  4. Upload the folder to wp-content/plugins/
  5. Log in to your WordPress dashboard.
  6. Navigate to Plugins -> Installed
  7. Activate the plugin


Is it compatible with any Theme?

Yes! Themes that follow the default WooCommerce implementation will usually work with this plugin. However, some themes use an unorthodox method to add their own lightbox/slider, which breaks the hooks this plugin needs.
SVI was tested with the mos popular themes like OceanWP / Astra / Flatsome / Avada / Storefront / WR Nitro / Divi / BeTheme / Zerif Lite / Hestia / Shopisle and more.

Does it support page builders?

Yes! Although some builders take over the design and hooks of the pages running them. If you run into issues I can probably figure something out!

How do I configure it to work?

  1. Create a product and build it’s attributes & variations.
  2. Go to “SVI Variations Gallery” tab and setup the galleries according to the variations you want displayed
  3. Save the product
  4. Go to WooCommerce > SVI > Global TAB and “Enable SVI” so that is works on the Front-End
  5. Good luck with sales 🙂
  6. What the video if have doubts (

What Browsers does SVI support

SVI doesn’t support IE since is no longer maintained by Microsoft since at least 2015. and it doesn’t support ecmascript. READ MORE

SVI is tested to run on:
– Microsoft EDGE
– Safari
– Chrome
– Firefox

What happens to my theme default gallery display

SVI replaces your default theme settings/options for the image & thumbnails area so don’t expect to use any of your theme features for this area.
Otherwise SVI wouldn’t be able to do the magic. Each theme has is own structure and wouldn’t be feasible to create all the available layouts combinations on the same plugin so SVI just had to build is own layout.


31 de agosto de 2021
This is the best plugin for any site that has products with a lot of variations. Being able to assign images based on a single variable such as colour, which then is applied to ALL variations with that colour is a huge time saver. The more variations you have on a product the more useful this plugin becomes. Support is great too. Suggested a feature and it was added very shortly after. Very happy with this plugin.
22 de junho de 2021
The free version of this plugin is useless and offers barely any functionality at all. Furthermore, the plug in is massively over complicated and clumsy.
18 de maio de 2021
I love this plugin, easy to use and it finally does what woocommerce lacks a lot! Support is more than great. Thank you!
12 de fevereiro de 2021
This plugin really elevates the look of our shop and I love how much I can customize the behavior. David was very responsive when I ran into an issue and got it resolved quickly.
1 de fevereiro de 2021
I am using this on my heavily variable site and even the free version is fantastic. I highly recommend. I can't wait to see what other goodness I get with the Pro version.
Leia todas as 119 avaliações

Colaboradores e desenvolvedores

“Smart Variations Images & Swatches for WooCommerce” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.


Registro de alterações


  • Fix Undefined property: stdClass::$default_swatches warning
  • Better handle late init variations
  • Improved compatibilty with builders


  • Improved Divi Compatibility to handle Divi Theme templates
  • [NEW Feature] Variation Swatches and Photos


  • porto theme fix Skeleton issue SVI gallery not showing
  • update reduxFramework struture
  • Added extra compatibilyt with Porto custom product template


  • Update compatibility WooCommerce v5.5.2


  • Increase find similar slug % if slug name changed.
  • Update compatibility WooCommerce and WordPress


  • Start SVI enabled
  • Allow export data with full image paths
  • Compatability with WC 5.5.0


  • added ignored files for fs processing
  • Webpack properly extract CSS


  • Added WordPress compatibility up to 5.7.3
  • Fix notice error showing in 404 pages.
  • Compatibility with WooCommerce 5.2.2


  • Adjust vertical Slider thumbnail height
  • Update Swiper Version v6.5.6


  • Updated WordPress version compatibility
  • Updated Freemius Version


  • Make sure SVI files are registred for usage when needed


  • Make admin SVI files load only where needed


  • Improved Divi Compatibility to handle Divi Theme templates – thanks @crystalfyre


  • Prevent SVI from loading JS in pages where that dont use WooCommerce templates


  • Compatibility with WooCommerce 5.0.0


  • Fix SVI galleries not properly being created for new products since v5.0.7


  • Fix custom attribute single quote mismatch


  • Improved Divi Compatability


  • Improved Admin create SVI galleries response


  • Fix notices
  • Improved compatibility with third party plugins swatches


  • Fix SVI Default Gallery not appearing correctly on Product Edit
  • Fix possible issue with no SVI galleries created preventing add to cart
  • Prevent multiple runs for same attributes


  • Improved slider transition between svi galleries
  • Fix WPML improved support
  • Divi Compatability fixed


  • Fix incorrect object comparison Equivalent
  • Fix issue with creating SVI gallery slug sensitive mismatch


  • Fix typo runActiveTietle
  • Fix ligthbox for InnerZoom
  • Fix missing video thumbnail on ligthbox


  • Compatability to custom attributes names using commas & quotes


  • Full code rewrite
  • New options
  • Faster loading
  • PHP 8 compatible