Smart Variations Images for WooCommerce

Description

This is a WooCommerce extension plugin, that allows the user to setup UNLIMITED images to serve as additional variation images of the product.
Smart Variations Images is currently the best and most rated Variations Images plugin on WordPress.
This additional variation images plugin works by re-using the images gallery as the variable product variations images in a very simple and quick way, without having to insert images in the variable product variations tab.

How To 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.

This extension will allow the use of multiple images per variation and supports well coded and WooCommerce compatible Swatches Plugins.
SVI has been intelligently engineered with performance in mind, coupled with the best display options. The result is a simple plugin that makes adding Additional Variation Images a breeze!

Requirements

  • 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!

PREMIUM FEATURES OF SMART VARIATIONS IMAGES

Live Demo | Upgrade to PRO | Support

  • 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 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)
  • WPML Compatible
  • Responsive
  • Priority Support

Visit SMART VARIATIONS for more information

Screenshots

  • Display Images according to variation
  • Ligthbox
  • Setup the combinations
  • ReduxFramework to manage the options

Installation

  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 🙂

FAQ

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 (https://youtu.be/QMV8XBeub_o)
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.

Reviews

Great Plugin & Great Support

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!

Great plugin, awesome support

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 100 reviews

Contributors & Developers

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

Contributors

Changelog

4.0.23

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

4.0.22

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

4.0.21

  • Further improvement for vendor.js faster load times

4.0.20

  • Fix incorrect install message

4.0.19

  • Optimized vendor file
  • Improvement to detect proper attributes_form

4.0.18

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

4.0.17

  • PRO fix Slider time display
  • Fix Multisite license control

4.0.16

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

4.0.15

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

4.0.14

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

4.0.13

  • Thumbnails css Fix
  • Readme update

4.0.12

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

4.0.11

  • Fix bad ajax request causing 500

4.0.10

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

4.0.9

  • Fixed missing files on previous version causing Fatal Error

4.0.8

  • 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

4.0.7

  • Fixed thumbnails hidden
  • Fixed error 500 on WooCommerce Status

4.0.6

  • Fixed Columns not showing properly

4.0.5

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

4.0.4

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

4.0.3

  • Improved install procedure
  • Updated effects

4.0.2

  • Fix DIVI compatibility
  • Updated Readme

4.0.1

  • Fix incorrect migration from v3 to v4 for special chars

4.0.0

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