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…

Tangkapan Layar

  • 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

Tanya Jawab

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.


30 November 2021
This plugin works PERFECTLY and it is very simple to use. Customer support is beyond excellent. I had a question and the developer replied within an hour (turns out I was doing something wrong). Really, simply the best plugin with incredible support. You don't need anything more than that.
31 Agustus 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 Juni 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 Mei 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 Februari 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.
Baca semua 120 ulasan

Kontributor & Pengembang

“Smart Variations Images & Swatches for WooCommerce” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini.


Log Perubahan


  • WC compatibility 6.1

  • Added Support for Razzi Theme


  • Fix possible conflict with Slider duplicate arrows due to outdated slider version by other themes/plugins
  • Updated reduxFramework core from 4.1.29 to 4.3.5


  • Fix slider thumbnail navigation fast clicks from highlithing images
  • Add Yith Badge Management compatibility
  • Fix Admin order show Image if no images exist fallback to placeholder image
  • Added action to assist integration to product gallery “svi_before_images”


  • Updated slider version to SwiperJS v7
  • Fix slider LazyLoad


  • Properly check condition for running Swatches


  • Properly add thumbnail classes to thumbnail images


  • Fix possible issue with single product not loading images. This would occour if the product previously was a Variation.
  • Udpated WooCommerce compatibility to v5.8.0


  • 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