=== Smart Variations Images & Swatches for WooCommerce ===
Contributors: drosendo
Tags: woocommerce, product variations, image gallery, swatches, ecommerce  
Requires at least: 4.9 
Tested up to: 6.9
Stable tag: 5.2.26
Requires PHP: 7.4
License: GPLv2 or later  
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Boost your WooCommerce sales by adding additional gallery images and swatches to variable products with ease.

## 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.

[youtube https://youtu.be/QMV8XBeub_o]

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](https://www.smart-variations.com/additional-images-woocommerce-variations/)

## Features

### Free Features

[Live Demo](http://svi.rosendo.pt/free) | [Support](https://wordpress.org/support/plugin/smart-variations-images/)

* 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](https://svi.rosendo.pt/pro) | [Upgrade to PRO](https://www.smart-variations.com/smart-variations-images-pro/) | [Support](https://www.smart-variations.com/)

* 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...

## Installation

### 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

## Frequently Asked Questions

**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](https://microsoft.com/en-us/windowsforbusiness/end-of-ie-support)

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.

## Screenshots

1. Display Images according to variation
2. Lightbox
3. Set up the combinations
4. Display variations under Variations Select
5. Display variations on Product Loop Pages
6. Replace dropdown fields for your variable products with Swatches
7. Setup swatches on Product > Attributes

== Changelog ==

= 5.2.26 =
* Fix: Breakdance compatibility - added final AJAX fallback in gallery bootstrap when `data-wcsvi` is not available, using `sviloadProduct` to load product gallery payload safely.
* Fix: Registered missing AJAX handlers for both guests and logged-in users (`wp_ajax_sviloadProduct` and `wp_ajax_nopriv_sviloadProduct`).
* Improvement: Routed debug `console.log` output through `Vue.prototype.consoleLog`, gated by `SCRIPT_DEBUG` (`wcsvi.prod`).

= 5.2.25 =
* Added: GDPR-compliant local asset loading option - Load PhotoSwipe, Plyr, Swiper, and imagesLoaded from plugin directories instead of CDN (Cloudflare, jsDelivr, UNPKG) to protect visitor privacy and comply with GDPR regulations
* Feature: New "Use Local Assets" toggle in Global settings (enabled by default) to switch between local and CDN loading modes

= 5.2.24 =
* Improved: Enhanced admin review notice with detailed v6 preview showcasing upcoming features
* Info: Version 6 development update - preparing major architecture improvements, enhanced gallery builder, better mobile experience, and performance optimizations
* Added: Divi Builder compatibility - SVI gallery now replaces Divi's WooCommerce Images module
* Fix: CSS class conflicts when using Divi theme - conditionally removes 'images' class to prevent styling conflicts
* Compatibility: 'Showcase Images under Variations' option now fully supported with Divi Builder

= 5.2.22 =
* Fix: PHP 8.2 compatibility - Added proper property declaration for $runSitePress to prevent dynamic property deprecation warning in Smart_Variations_Images_Admin class
* Fix: PHP 8+ TypeError in filter_wc_get_template - Made $template_path parameter nullable to prevent crashes when other plugins (e.g., WooCommerce Mercado Pago) pass null values
* Fix: Slider TypeError when thumbnails disabled - Added null check for galleryThumbs.slideTo() to prevent JavaScript error that broke lens functionality after slide changes
* Update WC,WP compatibility

= 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
