Smart Variations Images for WooCommerce


This plugin allows the user to assign additional variation images as WooCommerce product variations and swap them accordingly.

How To SVI works and Setup

Smart Variations Images is packed with the essential features to optimise your WooCommerce product image gallery and boost your sales.

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.


Live Demo | Support

  • Main Image/thumbnails swap on choose variation
  • Multiple Images for single Variation
  • Show one Variation Images Under Swacthes/dropdowns
  • Show 2 Variations galleries on product loop pages
  • Simple Slider
  • Simple Magnifier Lens
  • Simple Ligthbox
  • Custom Thumbnail Columns
  • Hidden Thumbnails
  • WPML Compatible
  • Responsive


  • PHP 5.6.30 or later
  • ReduxFramework Plugin to manage the options
  • WordPress 4.0 or later

WooCommerce 3.0+ Ready

Please give your review! Good or bad all is welcomed!


Live Demo | Upgrade to PRO | Support

Go PRO to access a full set of features to further optimise your WooCommerce product image gallery and boost your sales.

  • Main Image/thumbnails swap on choose variation
  • Multiple Images for Variation
  • Ability to assign images to a Multiple Variations.
  • Ability to use same image across multiple variations.
  • Allow same image to be shared across different products with diferent variations
  • Show Variation Images Under Swacthes/dropdowns
  • Variations on product loop
  • Show Variation as Cart Image
  • Show Variation in admin order
  • Show Variation in email order
  • Ligthbox
  • Stacked Image display – Fully Responsive
  • Advanced Slider (Navigation Arrows & Color + Thumbnail Positions and more) – Fully Responsive
  • Advanced Magnifier Lens (Lens Style & Size + Lens Border Color + Zoom Type & Effects and more)
  • Extra Thumbnail Options (Disabled Thumbnails + Select Swap + Thumbnail Click Swap + Keep Thumbnails Visible)
  • Extra Layout Fixes (Add Custom CSS Classes + Remove Image Class)
  • Import/Export handling
  • WPML Compatible
  • Responsive
  • Priority Support

Visit SMART VARIATIONS for more information


  • 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


  1. Upload the entire smart-variations-images folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Install required plugin called ReduxFramework, this is a options framework for WordPress that allow the user to choose what options wants activated for SVI
  4. Go to WooCommerce > SVI and enable SVI to work in the front-end
  5. On your product go to SVI Variations Gallery and setup the galleries according to the variations you want
  6. Save the product
  7. Good luck with sales ๐Ÿ™‚


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?

SVI is not compatible with custom product pages built with Builders (ex: Visual Composer, UX, Builder, Unyson, etc.), these Builders completely take over the design and hooks of the pages running them, so if a builder is applied to a product page SVI will not be accessible.

Although if you need it, 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.


May 28, 2019
I started with the free version and quickly moved to the premium as it worked so well. It has made it much nicer to show color variations compared to other more complicated plugins.
May 23, 2019
The plugin is great! It has a lot of cool functionalities and it's well documented. It also has lots of options to configure and it's really easy to customize. Thank you very much for all the support given! Very quick responses and great solutions for every case.
April 11, 2019
I haven't purchased yet because I'm on a budget but the free version is great and contains all the essentials for great product variations. Support acted quicker than expected and was great at fixing the bug I reported! Definitely will buy to access to all features as soon as I can. Thank you for a great service!
February 27, 2019
Great for products with multiple images per variation. Really helps reduce customer confusion as they only see what's relevant to their selection. Plus, the support is AWESOME! ๐Ÿ˜๐Ÿ‘ Thanks, David!
Read all 104 reviews

Contributors & Developers

“Smart Variations Images for WooCommerce” is open source software. The following people have contributed to this plugin.




  • WordPress update version compatibility


  • Code improvement
  • Changed to laravelMixs
  • Added IE 11 support


  • Improved attributes sanitation


  • Improved Attribute matching including Custom & Global
  • Cleanup DOM data
  • Product admin gallery improvements


  • Fix import slug matching for WPML
  • Swiper update


  • Fix WPML compatibility
  • Improved support for Export via WooCommerce tool
  • Added ability to Show/hide srcset attribute in images
  • Code cleanup


  • Added warning for missmatching attributes
  • cleaning error messages
  • Cleaning JS


  • Fix Showcase Images under Variations from not showing


  • Missing file causing fatal error


  • Better compatibility with themes
  • Added support for WooCommerce 3.7.0
  • Vendor cleanup


  • Code cleanup


  • Code cleanup


  • Improved matching for Keep thumbnails visible option with
  • Fix warning messages
  • Added simple slider to free version
  • Added Variations galleries to be displayed in product loop pages


  • Fix Jetpack lazyLoad compatibility
  • Fix invalid argument supplied for foreach()


  • Fix warning messages
  • Fix findsummary not present from causing infinite loop for search
  • Freemius SDK update


  • Added support for Export via WooCommerce tool
  • Improved product save method


  • Prevent notice error
  • Fix create duplicate not properly cleaning up
  • Feature Showcase Images under Variations


  • Prevent notice error of missing post->id


  • Fix static shortcode usage fix


  • Added ability to filter images before display, apply_filters(‘svi_gallery_images’)
  • Prevent Fatal errors with free version if installed
  • Support for other product types besides the default ones
  • Fix access for shortcode handling
  • [PRO] Improved quickview support


  • Fix PhotoSwipe element from showing when not called
  • Improved PhotoSwipe Load
  • PRO slider hide navigation arrows if not needed


  • Fix Disable SVI option on product from not showing any image


  • Further improvement for vendor.js faster load times


  • Fix incorrect install message


  • Optimized vendor file
  • Improvement to detect proper attributes_form


  • Fix Prevent jQuery conflict with some themes
  • PRO added Stacked Images layout


  • PRO fix Slider time display
  • Fix Multisite license control


  • PRO fix Fallback for Default Gallery if no matching found and Default gallery exists
  • Fix Lens RTL/LTR window position


  • PRO fix Slider autoHeigth
  • PRO fix Fallback for Default Gallery if no matching found and Default gallery exists


  • Fix Admin Warning
  • Fix Dismiss alert not hide after dismissal


  • Thumbnails css Fix
  • Readme update


  • Security Fix
  • Fix possible WPML mismatch
  • PRO improved variation matching
  • PRO Fix Keep Thumbnails


  • Fix bad ajax request causing 500


  • Correct image link assets/img/svi-notice.png


  • Fixed missing files on previous version causing Fatal Error


  • Fixed caption encoding chars
  • Added option to use Featured Image as pre-loader
  • Fixed possible fatal error on render
  • Removed srcset to improve load speed
  • Added help
  • PRO improved quick view


  • Fixed thumbnails hidden
  • Fixed error 500 on WooCommerce Status


  • Fixed Columns not showing properly


  • Fixed Ligthbox not showing up with lens
  • Fixed Ligthbox arrows no showing


  • Fixed vertical thumbnails
  • Fixed color lens missing
  • Added Lens Window custom width/height


  • Improved install procedure
  • Updated effects


  • Fix DIVI compatibility
  • Updated Readme


  • Fix incorrect migration from v3 to v4 for special chars


  • Complete code re-inveted
  • VUE support
  • Freemius Integration