Title: Smart Variations Images & Swatches for WooCommerce Author: RosendoLabs Published: 10 جولای 2015 Last modified: 13 سپتامبر 2026 --- جستجوی افزونه‌ها ![](https://ps.w.org/smart-variations-images/assets/banner-772x250.png?rev=2094600) ![](https://ps.w.org/smart-variations-images/assets/icon-256x256.png?rev=2094600) # Smart Variations Images & Swatches for WooCommerce توسط [RosendoLabs](https://profiles.wordpress.org/drosendo/) [دانلود](https://downloads.wordpress.org/plugin/smart-variations-images.5.2.35.zip) * [جزئیات](https://fa.wordpress.org/plugins/smart-variations-images/#description) * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/smart-variations-images/#reviews) * [نصب](https://fa.wordpress.org/plugins/smart-variations-images/#installation) * [توسعه](https://fa.wordpress.org/plugins/smart-variations-images/#developers) [پشتیبانی](https://wordpress.org/support/plugin/smart-variations-images/) ## توضیحات Smart Variations Images & Swatches gives variable products a gallery experience designed around the attributes shoppers use to choose: color, size, material, and their combinations. Create a gallery once, assign it to the relevant attribute values, and reuse it across every matching variation. WooCommerce now includes native galleries for individual variations. SVI is built for stores where multiple variations share the same visual assets: assign one gallery to a color or attribute combination instead of recreating it for every SKU. On the storefront, customers can browse galleries, choose variations from images and swatches, and see their selection reflected immediately. SVI complements native WooCommerce variation galleries. When a product has no matching SVI gallery, SVI can use the selected variation’s native WooCommerce gallery, so existing product data remains useful. **Make the smart choice!** [Read the article](https://www.smart-variations.com/woocommerce-11-1-brought-native-variation-galleries-but-is-it-enough/) ### Features ### Free Features [Live Demo](http://svi.rosendo.pt/free) | [Support](https://wordpress.org/support/plugin/smart-variations-images/) * Reusable galleries for attributes and attribute combinations, reducing repeated image setup across matching variations * Unlimited additional images with drag-and-drop sorting * Gallery changes when shoppers choose a single attribute, such as color * Color, image, and label variation swatches * Image clicks can update matching variation selections * Static, stacked, and slider gallery layouts with navigation arrows * Variation thumbnails below product selectors and image showcases on product loop pages * Magnifier lens and lightbox support * Option to hide thumbnails until a variation is chosen * Native WooCommerce variation-gallery fallback when no SVI gallery matches * Responsive, WPML-aware, page-builder, theme, and swatches-plugin compatibility ### 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… ## عکس‌های صفحه [⌊Display Images according to variation⌉⌊Display Images according to variation⌉[ Display Images according to variation [⌊Lightbox⌉⌊Lightbox⌉[ Lightbox [⌊Set up the combinations⌉⌊Set up the combinations⌉[ Set up the combinations [⌊Display variations under Variations Select⌉⌊Display variations under Variations Select⌉[ Display variations under Variations Select [⌊Display variations on Product Loop Pages⌉⌊Display variations on Product Loop Pages⌉[ Display variations on Product Loop Pages [⌊Replace dropdown fields for your variable products with Swatches⌉⌊Replace dropdown fields for your variable products with Swatches⌉[ Replace dropdown fields for your variable products with Swatches [⌊Setup swatches on Product > Attributes⌉⌊Setup swatches on Product > Attributes⌉[ Setup swatches on Product > Attributes [[ ## نصب ### 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 ## سوالات متداول ### 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. ## نقد و بررسی‌ها ![](https://secure.gravatar.com/avatar/5d55ea76104423d6f46ea4ca110d581b8e2164b7b6376611bec441c1425e2b13? s=60&d=retro&r=g) ### 󠀁[Best support on the internet!](https://wordpress.org/support/topic/best-support-on-the-internet-3/)󠁿 [David Williams](https://profiles.wordpress.org/hoganconstruction/) 19 مارس 2026 Title says it all. I had a problem, reported the problem, three minutes later had a suggested fix. Sadly, that didn't work, so @drosendo did a little more magic, released a new version within two hours, and solved my problem (with Breakdance integration). Great product. Best support. ![](https://secure.gravatar.com/avatar/b6b3ee7f316ace8f6a78aa16a56ad22fc9288966aabc9b535545efd641d7fd23? s=60&d=retro&r=g) ### 󠀁[Great plugin featuring a smart idea, fast support](https://wordpress.org/support/topic/great-plugin-featuring-a-smart-idea-fast-support/)󠁿 [tobiaswinter](https://profiles.wordpress.org/tobiaswinter/) 15 مارس 2026 This plugin is exactly what I needed for managing complex WooCommerce variations with different images. It solves the problem of exploding variation counts in a very elegant way: instead of generating endless combinations just to show different images, it provides a clean, intuitive solution that keeps the product setup manageable and fast. The interface is straightforward, works seamlessly with my existing setup, and significantly simplifies both configuration and maintenance of variable products. Performance on the front end is excellent, and the gallery behavior feels polished and professional for customers. What really impressed me was the developer’s responsiveness. I submitted a feature request and it was implemented within just a few hours, with clear communication and a helpful attitude throughout. This level of support is rare and makes the plugin even more valuable. Highly recommended for any WooCommerce store dealing with many image‑driven variations and looking for a smart, maintainable approach instead of bloated variation combinations. ![](https://secure.gravatar.com/avatar/9dfca2aeef7d298915098a82c4a2e02f790a385e9307dd2382a63d19e76f219b? s=60&d=retro&r=g) ### 󠀁[Amazing Plugin, amazing Dev, amazing Support](https://wordpress.org/support/topic/amazing-plugin-amazing-dev-amazing-support/)󠁿 [seanhybrider](https://profiles.wordpress.org/seanhybrider/) 5 دسامبر 2025 We have been using this Plugin for a while and never had issues, sadly the tool broke down due to internal issues and we had trouble finding the issue. After we contacted support we received an answer in minutes and got patient support until the issue was resolved! Thank you! ![](https://secure.gravatar.com/avatar/00473105e28068b9ef64a263fbe6fbc92982ae53c19ac9b82cc04a9d0867f614? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-41007/)󠁿 [aleshal](https://profiles.wordpress.org/aleshal/) 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. ![](https://secure.gravatar.com/avatar/2dd050c70f80fbf6be1513c793c363c5e05a473f8ea3c8e6f9bb073e01f6ee01? s=60&d=retro&r=g) ### 󠀁[Highly Effective and Well-Developed Plug-in](https://wordpress.org/support/topic/highly-effective-and-well-developed-plug-in/)󠁿 [analogdigital](https://profiles.wordpress.org/analogdigital/) 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. ![](https://secure.gravatar.com/avatar/cdc33c0d7f8eff1993bd1b7ae083521fe8dd75b315e897f618ef99f54664579d? s=60&d=retro&r=g) ### 󠀁[Free Version Solved my Sleepless nights](https://wordpress.org/support/topic/free-version-solved-my-sleepless-nights/)󠁿 [margstephr](https://profiles.wordpress.org/margstephr/) 23 اکتبر 2024 1 پاسخ 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! [ خواندن تمامی 142 نقد و بررسی‌ ](https://wordpress.org/support/plugin/smart-variations-images/reviews/) ## توسعه دهندگان و همکاران “Smart Variations Images & Swatches for WooCommerce” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند. مشارکت کنندگان * [ RosendoLabs ](https://profiles.wordpress.org/drosendo/) [ترجمه “Smart Variations Images & Swatches for WooCommerce” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/smart-variations-images) ### علاقه‌ مند به توسعه هستید؟ [کد را مرور کنید](https://plugins.trac.wordpress.org/browser/smart-variations-images/)، [مخزن SVN](https://plugins.svn.wordpress.org/smart-variations-images/) را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/smart-variations-images/?limit=100&mode=stop_on_copy&format=rss) در [گزارش توسعه](https://plugins.trac.wordpress.org/log/smart-variations-images/) مشترک شوید. ## گزارش تغییرات #### 5.2.35 * Fix: Resolved Swiper crash (“TypeError: Cannot read properties of null”) caused by unscoped global gallery selectors that incorrectly targeted duplicate gallery wrappers rendered by Gutenberg on initial page load. * Fix: Added PHP-level deduplication to prevent multiple `render_frontend()` calls from creating duplicate `.gallery-svi` wrapper divs for the same product on page load (non-AJAX). This resolves the root cause of the Swiper crash when multiple wrappers with conflicting image data were mounted. * Fix: Fixed empty Swiper gallery on initial page load by ensuring gallery data is always passed via the `data-wcsvi` attribute in the template. Previously, data was only available on AJAX requests, causing the initial load to render an empty gallery while waiting for AJAX data. * Fix: Admin gallery delete button now responds to clicks with improved UI. Fixed event delegation to document-level for proper click handling, removed excessive hover effects for cleaner UX, and ensured single-click delete action without duplicate event binding. Updated event handler selectors to work with the bare trash icon `` element rendered in gallery headers. * Fix: Regression in 5.2.34 where the gallery could be computed twice on load – once immediately on `found_variation` with stale attributes, and again ~50ms later once attributes were fully resolved. The mismatched image sets could collapse the slider to one slide or duplicate/overflow thumbnails. The native-gallery fallback added in 5.2.34 now only applies once a specific variation is fully resolved, and the duplicate render pass was removed. #### 5.2.34 * Compatibility: Added WooCommerce 11.1 native variation-gallery support. When no SVI gallery matches the selected attributes, SVI can display that variation’s native WooCommerce gallery. * Update: Refreshed plugin-directory information to clarify SVI’s reusable attribute- gallery workflow. #### 5.2.33 * Update: Bumped minimum requirements to WordPress 6.0 and WooCommerce 8.2 to ensure stability with modern environments. #### 5.2.32 * Fix: WooCommerce 11.1.0 compatibility. Prevent native WooCommerce JS from detaching the SVI gallery by replacing the DOM node when variation data is loaded inline( <= 30 variations). #### 5.2.31 * Fix: Prevent raw HTML text rendering in the product edit gallery. This resolves an issue where strict XSS escaping incorrectly encoded fully-formed HTML tags( like gallery titles and image wrappers). #### 5.2.30 * Security Fix: Added visibility and read_post permission checks to `sviloadProduct` and `loadProduct` AJAX endpoints to prevent unauthorized access to private product gallery data. * Compatibility: WordPress tested up to 7.1. * Compatibility: WooCommerce tested up to 11.1.0. #### 5.2.29 * Compatibility: WordPress tested up to 7.0. * Update: Freemius SDK updated to latest stable version. #### 5.2.28 * Compatibility: WooCommerce tested up to 10.7.0. * Update: Freemius SDK updated to 2.13.1. * Fix: PHP 8+ compatibility audit – added `isset()` guard on `$_POST['product-type']` in `save_woosvibulk_meta()` to prevent E_WARNING when hook fires without POST body (e.g. background order processing). * Fix: PHP 8+ compatibility audit – added `isset()` + `intval()` guard on `$_POST[' data']` in `reloadSelect_json()` AJAX handler. * Fix: PHP 8+ compatibility audit – `woosvi_slugify()` now guards `$_POST['data']` with `isset()` and handles array input before calling `strtolower()`, preventing Fatal TypeError. * Fix: PHP 8+ compatibility audit – added `isset()` guard on `$_POST['id']` in ` render_quick_view_frontend()`. * Fix: PHP 8+ – replaced `array_pop(explode(...))` with an IIFE pattern in gallery export helpers to avoid “Only variables should be passed by reference” warning. #### 5.2.27 * Fix: PHP 8+ compatibility – `woosvi_esc_html()` now checks if `$_POST['data']` is an array before calling `implode()`, preventing fatal TypeError when Printify/ Gelato integrations pass a string value. * Fix: PHP 8+ compatibility – Removed strict `string` type hint from `$size` parameter in `filter_main_product_image()` to accept array sizes (e.g. `[32, 32]`) passed by WooCommerce email thumbnail generation. #### 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 `
`. * 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 ## اطلاعات * نگارش **5.2.35** * آخرین به‌روزرسانی **2 هفته پیش** * نصب‌های فعال **1,000+** * نگارش وردپرس ** 6.0 یا بالاتر ** * آزمایش‌شده تا **7.1.2** * نگارش PHP ** 7.4 یا بالاتر ** * زبان * [English (US)](https://wordpress.org/plugins/smart-variations-images/) * برچسب * [ecommerce](https://fa.wordpress.org/plugins/tags/ecommerce/)[image gallery](https://fa.wordpress.org/plugins/tags/image-gallery/) [product variations](https://fa.wordpress.org/plugins/tags/product-variations/) [swatches](https://fa.wordpress.org/plugins/tags/swatches/)[woocommerce](https://fa.wordpress.org/plugins/tags/woocommerce/) * [نمایش پیشرفته](https://fa.wordpress.org/plugins/smart-variations-images/advanced/) ## امتیازها 4.7 از 5 ستاره. * [ امتیاز 128 5-ستاره ](https://wordpress.org/support/plugin/smart-variations-images/reviews/?filter=5) * [ امتیاز 3 4-ستاره ](https://wordpress.org/support/plugin/smart-variations-images/reviews/?filter=4) * [ امتیاز 1 3-ستاره ](https://wordpress.org/support/plugin/smart-variations-images/reviews/?filter=3) * [ امتیاز 0 2-ستاره ](https://wordpress.org/support/plugin/smart-variations-images/reviews/?filter=2) * [ امتیاز 10 1-ستاره ](https://wordpress.org/support/plugin/smart-variations-images/reviews/?filter=1) [بررسی شما](https://wordpress.org/support/plugin/smart-variations-images/reviews/#new-post) [مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/smart-variations-images/reviews/) ## مشارکت کنندگان * [ RosendoLabs ](https://profiles.wordpress.org/drosendo/) ## پشتیبانی مشکلات حل شده در دو ماه گذشته: 1 از 1 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/smart-variations-images/)