Smart Variations Images & Swatches for WooCommerce

Mô tả

Smart Variations Images & Swatches is packed with the essential features to optimize your WooCommerce product image gallery and boost your sales.
Stop uploading the same images for each Variation Gallery! SVI allows you to start working smarter, not harder!

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

  • UNLIMITED additional images for each created variation
  • [NEW] Drag & Drop custom sorting option
  • [NEW] Trigger gallery change on single attribute change
  • [NEW] Variation Swatches and Photos
  • [NEW] Stacked Layout Display
  • Showcase 1 Image under Variation Selection
  • Showcase Variations on product loop pages
  • Slider (display Navigation arrows)
  • Magnifier Lens (display Lens, Window or Inner)
  • Ligthbox
  • Ability to hide thumbnails until variation is chosen
  • WPML Compatible
  • Compatible with builders
  • Compatible with other Swatches Plugin
  • Compatible with themes
  • 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…

Ảnh màn hình

  • 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

Cài đặt

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

Hỏi đáp

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.

Đánh giá

7 Tháng Hai, 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.
22 Tháng Mười Một, 2022
This plugin has been a great help with making my store more appealing to the user!
18 Tháng Mười Một, 2022
I use the free version of this plugin, which is largely enough to meet my needs. I had a small issue and despite the fact I use the free version, David helped me to resolve it in a few minutes. Great plugin, great support! Thanks so much.
4 Tháng Tám, 2022
Smart Variations is an excellent plug-in that does just what I need it to do. It greatly enhances my website and it is easy to set up and use. Plus, customer service is superb. David is quick to answer questions and address any issues. I heartily recommend Smart Variations to all!
24 Tháng Sáu, 2022
This plug in is really great and works perfectly with the theme I'm using (flotsame). I used the free version and it works very well! Besides this the support is EXCELLENT! David replies very fast and answered all questions I had. I highly recommend this plug in! Thanks David!
Đọc tất cả 130 đánh giá

Người đóng góp & Lập trình viên

“Smart Variations Images & Swatches for WooCommerce” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi


  • Fix SVI Default image swapping
  • Fix Swiper Cube effect


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


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


  • 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


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


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


  • Update WC compatibility 6.5
  • Fix compatibility with builders


  • 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


  • Update Freemius SDK 2.3.4
  • Update WC compatibility 6.3


  • Improved Cart/order/email Image matching
  • Compatability up to WP 5.9.1
  • Compatability up to WC 6.2
  • Fix YITH WooCommerce Badge Management compatibility

  • Fix possible issue with swacthes not working in bundled products


  • 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