FAIR

Federated and Independent Repositories

Smart Variations Images & Swatches for WooCommerce

Plugin Banner

Smart Variations Images & Swatches for WooCommerce

by David Rosendo

Download
Description

Smart Variations Images & Swatches is a powerful WooCommerce extension that enhances your product image gallery and adds swatches for an improved shopping experience. Designed to optimize your workflow, this plugin allows you to upload images only once for each variation gallery.

By default, WooCommerce swaps only the main variation image. This extension allows visitors to swap gallery images when selecting a product variation, providing a comprehensive view of each product variation. SVI also replaces dropdown fields for variable products with color, image, or label swatches for a more user-friendly display.

Make the smart choice! Read the article

Features

Free Features

Live Demo | Support

  • Unlimited additional images for each variation
  • Drag & Drop custom sorting option
  • Trigger gallery change on single attribute change
  • Variation Swatches and Photos
  • Stacked Layout Display
  • Display 1 Image under Variation Selection
  • Showcase Variations on product loop pages
  • Slider with navigation arrows
  • Magnifier Lens with Lens, Window, or Inner display
  • Lightbox
  • Hide thumbnails until variation is chosen
  • WPML Compatible
  • Compatible with page builders
  • Compatible with other Swatches Plugins
  • Compatible with popular themes
  • Responsive design

Premium Features

Live Demo | Upgrade to PRO | Support

  • All Free Features plus:
  • Video Support
  • Advanced Slider/Lightbox/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
  • Filter Attribute Animation (Sliding effect on hover for Diagonal, Vertical, and Horizontal layouts)
  • And much more…

Automatic Install From WordPress Dashboard

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

Manual Install From WordPress Dashboard

  1. Download the plugin
  2. Log in 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

  1. Download the plugin
  2. Unzip the file
  3. Launch your favorite FTP client (e.g., FileZilla, FireFTP, CyberDuck). Advanced users can use SSH
  4. Upload the folder to wp-content/plugins/
  5. Log in to your WordPress dashboard
  6. Navigate to Plugins -> Installed
  7. Activate the plugin
  1. Display Images according to variation

    Display Images according to variation

  2. Lightbox

    Lightbox

  3. Set up the combinations

    Set up the combinations

  4. Display variations under Variations Select

    Display variations under Variations Select

  5. Display variations on Product Loop Pages

    Display variations on Product Loop Pages

  6. Replace dropdown fields for your variable products with Swatches

    Replace dropdown fields for your variable products with Swatches

  7. Setup swatches on Product > Attributes

    Setup swatches on Product > Attributes

Q: Is it compatible with any Theme?

A: Yes! Themes that follow the default WooCommerce implementation will usually work with this plugin. However, some themes use unorthodox methods to add their own lightbox/slider, which might interfere with the hooks this plugin needs.

Q: Does it support page builders?

A: 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!

Q: How do I configure it to work?

  1. Create a product and build its attributes & variations
  2. Go to “SVI Variations Gallery” tab and set up 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 it works on the Front-End
  5. Good luck with sales 🙂
  6. Watch the video if you have doubts (https://youtu.be/QMV8XBeub_o)

Q: What Browsers does SVI support?

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

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

Q: What happens to my theme default gallery display?

A: 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 its own structure, and it wouldn’t be feasible to create all the available layouts combinations on the same plugin, so SVI just had to build its own layout.

Great plugin

By aleshal on November 3, 2025

Great plugin, it is easy to use and does exactly what it is advertised to do (to add variation images to my products). It took a minute to figure out the exact ways that it orders images etc. but once I got that down I was away! Have not run into any issues with it so far, and used it on a couple different themes without issue too which is always great.

Highly Effective and Well-Developed Plug-in

By analogdigital on November 28, 2024

SVI is an incredibly useful and well-designed plug-in. I really appreciate all the effort that went into creating it and I'm more than happy to recommend it to others.

Free Version Solved my Sleepless nights

By margstephr on October 23, 2024

This plugin did exactly what I needed. I searched high and low for a solution to the woocommerce variation image gallery and swatches problem and just when I was about to give up, crawl into fetus position and end my web design career -> this plugin appeared and resurrected my broken soul.

Thank you so much! One question though.. Can you change the sviLigthgallery icon to be the standard magnifying glass icon.. the box is not so self explanatory for the UX. Otherwise, youre an absolute legend for making this plugin! Keep up the good work!

5 Star without hesitation - brilliant support

By simon_a6 on July 18, 2024

We had a problem on a website where the images were not always loading. Couldn't see any pattern to it. Theme Devs and another Dev tried to help, but failed.

We had direct comms and they found the issue, and we were able to fix it with them.

Whole heartedly recommend them. We don't know the plugin itself, as we did not install, just full transparency here, but the issue was related to the plugin, and they found the cause. Very grateful to them. Very pleased.

Amazing plugin & developer

By hamarah on May 16, 2024

I've been using this plugin on my WooCommerce store for a few years and it works very well ! I only had a question once and asked it on the plugin forum, the owner of the plugin answered in only 4 minutes and told me the solution 🙂

Great solid plugin and quick support!

By pro1212 on April 30, 2024

Great solid plugin and quick support!

Great support and product...

By kelvinsollis on December 6, 2023

I initially had an issue getting the plug-in to work but David was very responsive in identifying the problem and fixing it. He came back to me within 30 minutes and did the fix himself on my site.

the only worthwhile variation plugin

By wapwop on October 12, 2023

the best variation images plugin for woocommerce, can't state it enough.

I tried pretty much most of the big plugins when looking for the ideal solution for variation images. most of them simply add additional buttons within the variations tab, but this isn't time effective or useful for products with multiple attributes. they also lack a lot of features like variation swatches or don't support video etc, but SVI includes a lot of features plus more.

SVI takes all the tedious clicking and opening of variations, and has it's own unique gallery method which saves so much time when working with multiple attributes and of course the gallery is very customizable.

honestly one of the best things about it which may seem small, but very useful, is the image change when only one attribute selected. woocommerce natively won't change images until all attributes have been chosen, which isn't best for customer experience. with SVI, you can allow it to change when customer selects one attribute (like a color) and it will change the images to all that selected color even if there are more options to choose.

Davids response times and support is also exceptional and seems very committed to solving any problems or finding solutions.

so yea, overall, great plugin and highly recommend.

Does exactly what I needed it to, and the support from David is top-notch!

By sammibajrami on May 5, 2023

The title pretty much sums it up!

The plugin has all of the functionality that I was looking for and when I had an issue David was quick to respond and he's got the fix lined up for the next update!

Does everything it claims to. A very capable free version, and and great support

By emw123 on February 7, 2023

We tried out a few plugins to showcase different images for variations and this was at least as good as any of the others, but had the most capable free version. The pro version is reasonably priced and adds some useful features so we're planning to go for that.

We had a technical issue when implementing the plugin - David provided quick and efficient support.

5.2.21

  • Fix: Prevent PHP fatal when a product has no featured image by normalizing attachment IDs and falling back to WooCommerce placeholders in gallery rendering.
  • Fix: Default to minified assets when not in SCRIPT_DEBUG to reduce JS parse issues with external minifiers or rewrites.
  • Fix: Avoid PHP 8 TypeError on non-product templates (e.g. Elementor/YITH account or quote pages) by allowing nullable template args in the wc_get_template filter hook.
  • Update WC,WP,Freemius SDK version compatibility

5.2.20

  • Fixed Elementor builder templates not displaying the SVI gallery by routing wc_get_template() calls through a plugin-aware stub.
  • Added safer fallback when the gallery output is empty to prevent blank product images in custom templates.
  • Reduced front-end DOM payload by localizing gallery data to scripts instead of embedding large JSON blobs in markup.
  • Added lightweight skeleton placeholders so the gallery retains its layout while the Vue app boots.
  • Introduced product-data caching and Store API image overrides so Gutenberg Cart & Checkout blocks show the matching variation thumbnail.
  • Refined admin order item filters to avoid duplicate thumbnails when viewing/editing orders.

5.2.19

  • Added compatibility fix for Gutenberg Product Template — ensures gallery renders inside WooCommerce block <div data-block-name="woocommerce/product-image-gallery">.
  • Improved compatibility with block-based themes.
  • Added relocation fallback script for older versions of SVI to maintain gallery positioning.

5.2.18

  • Added feature: Filter Attribute on Shop/archive Pages to show fitlered image
  • Added premium feature: Filter Attribute Animation (Sliding effect on hover for Diagonal, Vertical, and Horizontal layouts in Filter Attribute Image Swapping)
  • Update WC,WP,Freemius SDK version compatibility

5.2.17

  • Update WC,WP,Freemius SDK version compatibility
  • Minor bug fixed

5.2.16

  • Update WC,WP,Freemius SDK version compatibility
  • Update SwiperJS to v11
  • Minor bug fixed

5.2.15

  • Resolved JavaScript character encoding issue by decoding HTML entities in the title attribute before assigning it to the image element.
  • Update WC,WP,Freemius SDK version compatibility

5.2.14

  • Update WC,WP version compatibility
  • Fix Slider Lens Issue

5.2.13

  • Update WC,WP version compatibility
  • Updated Vue.js to version 2.7.15 for improved compatibility.
  • Updated vue-loader to version 15.11.1 to match Vue.js version.
  • Updated laravel-mix to version 6.0.49 for enhanced build capabilities.
  • Upgraded laravel-mix-polyfill to version 3.0.1 for better cross-browser support.
  • Updated node-sass to version 9.0.0 for compatibility with the latest Node.js.
  • Upgraded postcss to version 8.4.32 for improved CSS processing.
  • Updated sass-loader to version 13.3.2 for enhanced SASS support.
  • Fix PHP warnings
  • Fix video player Aspect Ratio

5.2.12

  • Resolved an issue where only the SVI meta data was being exported. All relevant metadata will now be correctly included in exports.
  • Video support 1:1
  • Update WC,WP & Freemius SDK 2.6

5.2.11

  • Fix possible Fatal error: Uncaught TypeError on Backwards compatibility
  • Update WC,WP & Freemius SDK 2.5.12 version compatibilty

5.2.10

  • Fix readme file

5.2.9

  • Update WC,WP & Freemius SDK version compatibilty
  • Added ALT attribute option

5.2.8

  • Update WC,WP & Freemius SDK version compatibilty
  • Fix possible Video/slider delay

5.2.7

  • Update WC,WP & Freemius SDK 2.5.8 version compatibilty
  • Fix .hidden class could conflict
  • Added alert on product SVI Gallery when attribute changed or missing
  • Fix error notices

5.2.6

  • Update WC version compatibilty
  • Update WP version compatibilty
  • Update Freemius SDK 2.5.6
  • Added Product Image shortcode to be used in UX Builders or other ocassions

5.2.5

  • Fix SVI Default image swapping
  • Fix Swiper Cube effect

5.2.4

  • Update Swiper v8
  • Fix Swiper arrows color white/black/blues
  • Fix Swiper Bullets clickable

5.2.3

  • Fix Swatches Display
  • Update Freemius SDK v2.5.3
  • Update WC version compatibilty
  • Update WP version compatibilty

5.2.2

  • Update WC version compatibilty
  • Update WP version compatibilty
  • Updated slider version to SwiperJS v8.4.4
  • Updated Video player to Plyr v3.7.2
  • Fix Video AutoPlay/Loop/Ratio

5.2.1

  • Fix fatal error due to most not using PHP 8 str_ends_with()

5.2.0

  • Removed ReduxFramework for admin Management
  • Fix slider image jump on navigation slider
  • Fix outline on swiper lazyLoad
  • Unlocked some PRO features now FREE

5.1.12

  • Update WC compatibility 6.5
  • Fix compatibility with builders

5.1.11

  • Update WC compatibility 6.4
  • Updated slider version to SwiperJS v8
  • Updated Video player to Plyr 3.7.0
  • Unlocked Stacked Option
  • Unlocked Multiple variation gallery creation
Back to top