Easily set unlimited images or MP4/WebM videos for each WC product variation and display them when the customer selects

VillaTheme

Andy Ha

Additional variation gallery for WooCommerce is a feature that allows store owners to display a custom set of images for each product variation—such as different colors, sizes, or styles. Instead of showing just one image per variation, it creates a full image gallery tailored to each option a customer selects.
This kind of plugin is essential for stores where visuals play a key role – fashion, beauty, furniture, electronics, and more.
Introducing VARGAL – Additional Variation Gallery for WooCommerce. Your all-in-one solution for building dedicated media galleries for product variations in WooCommerce. With VARGAL, you can: 
– Upload and display multiple images and videos for each variation 
– Enable image zoom on hover and lightbox viewing 
– Choose transition effects (fade, slide, zoom) and enable autoplay 
– Show thumbnails with advanced layout options (spacing, position, hover swap) 
– Include the main product image or default gallery in variation galleries 
– Customize loading icons with different styles and colors 
– Migrate from other gallery plugins with ease
<blockquote>
<a href="http://new2new.com/?item=vargal" title="Demo VARGAL" rel="nofollow ugc">Try the Demo</a> |<a href="https://docs.villatheme.com/?item=vargal" title="Documents" rel="nofollow ugc">Documents</a> | <a href="https://1.envato.market/RGXJKa" title="Pro Version" rel="nofollow ugc">Pro Version</a> | <a href="https://www.facebook.com/groups/villatheme" title="VillaTheme" rel="nofollow ugc">Facebook group</a>
</blockquote>
<h3>Preview</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jKh8X88WV4k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>How to install and use the plugin</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/s0dU_f0JaBA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Important Notice:</h3>
<ul>
<li>
Plugin works based on WooCommerce 7.x or higher, PHP 7.0+
</li>
<li>
It is released on WordPress.org and you can use plugin as free to build themes for sale.
</li>
</ul>
<h3>FEATURES</h3>
► Dedicated Additional Variation Gallery:Highlight every variation with its own gallery. VARGAL allows you to go beyond WooCommerce’s single gallery system. With VARGAL, every variation of a product can have its own collection of media, including
<ul>
<li>
Add multiple items at once – Save your time
</li>
<li>
Images and Videos: Upload both image and video files to your variation gallery. Give shoppers a full view of what each variation looks like in action.
</li>
<li>
Drag & Drop Sorting: Reorder gallery items easily by dragging and dropping them inside the upload interface—no coding or complex settings.
</li>
<li>
Use Product Image & Default Gallery: Optionally include the main product image and the default WooCommerce gallery in the variation gallery for a fuller visual presentation.
</li>
</ul>
This is ideal for stores selling fashion, accessories, furniture, gadgets, or any product where visuals make the difference.
► Interactive Additional Variation Gallery Display: Create a more engaging and intuitive experience. VARGAL makes it easy for customers to interact with your product images and videos. You control how the gallery behaves and feels
<ul>
<li>
Zoom on Hover: Let shoppers inspect products up close just by hovering over the image.
</li>
<li>
Transition Effects: Choose between fade, slide, or zoom transitions to control how the gallery switches images.
</li>
<li>
Autoplay Gallery: Automatically rotate through gallery images every few seconds. Useful for drawing attention to multiple angles without needing clicks.
</li>
<li>
Lightbox View: Allow customers to click and expand the gallery into a full-screen lightbox. You can enable or disable the lightbox icon trigger based on your design preference.
</li>
</ul>
These features help increase engagement and make your product pages feel more premium.
► Thumbnails and Navigation in Additional Variation Gallery: Fast and user-friendly gallery browsing. For products with multiple gallery items, thumbnails offer a fast way to switch views. VARGAL gives you full control over how these thumbnails look and behave
<ul>
<li>
Thumbnail Hover Swap: Instantly switch the main image just by hovering over a thumbnail—no clicks needed.
</li>
<li>
Thumbnail Slider: Display thumbnails in a scrollable slider, which is especially useful for smaller screens or when you have many images.
</li>
<li>
Gap and Spacing Control: Adjust the spacing between thumbnails and between the thumbnails and the main image for a clean layout.
</li>
<li>
Position Settings: Decide where thumbnails appear—top, bottom, left, or right—separately for desktop and mobile views.
</li>
</ul>
Helps users find what they’re looking for quickly and encourages deeper browsing.
► Style and Loading Customization for additional variation gallery: Match the look and feel of your store. VARGAL – Additional Variation Gallery for WooCommerce includes styling options that let you personalize how the gallery looks and behaves as it loads
<ul>
<li>
Custom Loading Icons: Choose from a variety of pre-designed loading animations including Dual Ring, Facebook styles, Ripple, Spinner, and more.
</li>
<li>
Color Picker: Set your icon color using an intuitive color wheel or hex value.
</li>
</ul>
Little details like custom loaders can make your site feel more polished and professional.
► Gallery Migration Tool: Switch to VARGAL without losing your galleries. If you are already using another additional variation gallery plugin, VARGAL includes a built-in migration tool that lets you
-Import galleries from other plugins
-Replace your current VARGAL gallery content with the imported one
<h3>PREMIUM FEATURES</h3>
All features from the free version.
► Set video as product featured image/variation image:Use a video instead of an image as the main visual for a product or variation
► Set videos as product gallery
► Auto play video:Automatically plays the video when it loads, without requiring user interaction
► Auto-adjust the number of visible thumbnails to fit beautifully within the layout
► More gallery transition effects such as circle, mask, split, bubble, blur, rotate, and more
► More navigation position such as center left, center right, top left,…
► More navigation styles available, and you can design your own
► Show navigation dot
► You can design the lightbox
► Create beautiful thumbnails: The number of thumbnails will be automatically adjusted so their total size aligns with the slide gallery size
► <a href="https://1.envato.market/RGXJKa" rel="nofollow ugc">GET PREMIUM VERSION NOW</a>
<h3>Documentation</h3>
<ul>
<li><a href="http://docs.villatheme.com/?item=vargal" rel="nofollow ugc">Getting Started</a></li>
</ul>
<h3>Plugin Links</h3>
<ul>
<li><a href="https://villatheme.com/extensions/vargal" rel="nofollow ugc">Project Page</a></li>
<li><a href="http://docs.villatheme.com/?item=vargal" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://villatheme.com/knowledge-base/security-is-our-priority/" rel="nofollow ugc">Report Bugs/Issues</a></li>
</ul>
<h3>3rd party libraries & service</h3>
<ul>
<li>We also suggest products that can be integrated with this plugin to enhance the WooCommerce site design by including images & links to some of our plugins from the following lists: 
► <a href="https://profiles.wordpress.org/villatheme/#content-plugins" rel="nofollow ugc">VillaTheme’s suggested plugin</a>, <a href="https://codex.wordpress.org/WordPress_Policies" rel="nofollow ugc">WP policy</a>, <a href="https://villatheme.com/privacy-policy/" rel="nofollow ugc">VillaTheme policy</a></li>
</ul>
<h3>MAY BE YOU NEED</h3>
<a href="https://wordpress.org/plugins/9mail-wp-email-templates-designer/" rel="ugc">9MAIL – WordPress Email Templates Designer</a>
<a href="https://wordpress.org/plugins/9map-map-multi-locations/" rel="ugc">9Map – Map Multi Locations</a>
<a href="https://wordpress.org/plugins/woo-abandoned-cart-recovery/" rel="ugc">Abandoned Cart Recovery for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-advanced-product-information/" rel="ugc">Advanced Product Information for WooCommerce</a>
<a href="https://wordpress.org/plugins/affi-affiliate-marketing-for-woo/" rel="ugc">AFFI – Affiliate Marketing for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-alidropship/" rel="ugc">ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-boost-sales/" rel="ugc">Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon</a>
<a href="https://wordpress.org/plugins/bopo-woo-product-bundle-builder/" rel="ugc">Bopo – WooCommerce Product Bundle Builder</a>
<a href="https://wordpress.org/plugins/bulky-bulk-edit-products-for-woo/" rel="ugc">Bulky – Bulk Edit Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-cart-all-in-one/" rel="ugc">Cart All In One For WooCommerce</a>
<a href="https://wordpress.org/plugins/catna-woo-name-your-price-and-offers/" rel="ugc">Catna – Woo Name Your Price and Offers</a>
<a href="https://wordpress.org/plugins/checkout-upsell-funnel-for-woo/" rel="ugc">Checkout Upsell Funnel for WooCommerce</a>
<a href="https://wordpress.org/plugins/chinads-dropshipping-taobao-woocommerce/" rel="ugc">ChinaDS – Tmall-Taobao Dropshipping for WooCommerce</a>
<a href="https://wordpress.org/plugins/clear-autoptimize-cache-automatically/" rel="ugc">Clear Autoptimize Cache Automatically</a>
<a href="https://wordpress.org/plugins/compe-woo-compare-products/" rel="ugc">COMPE – WooCommerce Compare Products</a>
<a href="https://wordpress.org/plugins/woo-coupon-reminder/" rel="ugc">Coreem – Coupon Reminder for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-coupon-box/" rel="ugc">Coupon Box for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-multi-currency/" rel="ugc">CURCY – Multi Currency for WooCommerce – The best free currency exchange plugin – Run smoothly on WooCommerce 9.x</a>
<a href="https://wordpress.org/plugins/woo-customer-coupons/" rel="ugc">Customer Coupons for WooCommerce</a>
<a href="https://wordpress.org/plugins/depart-deposit-and-part-payment-for-woo/" rel="ugc">DEPART – Deposit and Part payment for Woo</a>
<a href="https://wordpress.org/plugins/email-template-customizer-for-woo/" rel="ugc">Email Template Customizer for WooCommerce</a>
<a href="https://wordpress.org/plugins/epoi-wp-points-and-rewards/" rel="ugc">EPOI – WP Points and Rewards</a>
<a href="https://wordpress.org/plugins/epow-custom-product-options-for-woocommerce/" rel="ugc">EPOW – Custom Product Options for WooCommerce</a>
<a href="https://wordpress.org/plugins/eu-cookies-bar/" rel="ugc">EU Cookies Bar for WordPress</a>
<a href="https://wordpress.org/plugins/exmage-wp-image-links/" rel="ugc">EXMAGE – WordPress Image Links</a>
<a href="https://wordpress.org/plugins/woo-virtual-reviews/" rel="ugc">Faview – Virtual Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/fewc-extra-checkout-fields-for-woocommerce/" rel="ugc">FEWC – Extra Checkout Fields For WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-free-shipping-bar/" rel="ugc">Free Shipping Bar for WooCommerce</a>
<a href="https://wordpress.org/plugins/gift4u-gift-cards-all-in-one-for-woo/" rel="ugc">GIFT4U – Gift Cards All in One for Woo</a>
<a href="https://wordpress.org/plugins/handmade-dropshipping-for-etsy-and-woo/" rel="ugc">HANDMADE – Dropshipping for Etsy and WooCommerce</a>
<a href="https://wordpress.org/plugins/happy-helpdesk-support-ticket-system/" rel="ugc">HAPPY – Helpdesk Support Ticket System</a>
<a href="https://wordpress.org/plugins/jagif-woo-free-gift/" rel="ugc">Jagif – WooCommerce Free Gift</a>
<a href="https://wordpress.org/plugins/woo-lookbook/" rel="ugc">LookBook for WooCommerce – Shoppable with Product Tags</a>
<a href="https://wordpress.org/plugins/woo-lucky-wheel/" rel="ugc">Lucky Wheel for WooCommerce – Spin a Sale</a>
<a href="https://wordpress.org/plugins/woo-notification/" rel="ugc">Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells</a>
<a href="https://wordpress.org/plugins/woo-orders-tracking/" rel="ugc">Orders Tracking for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-photo-reviews/" rel="ugc">Photo Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/pofily-woo-product-filters/" rel="ugc">Pofily – WooCommerce Product Filters</a>
<a href="https://wordpress.org/plugins/woo-product-builder/" rel="ugc">Product Builder for WooCommerce – Custom PC Builder</a>
<a href="https://wordpress.org/plugins/product-pre-orders-for-woo/" rel="ugc">Product Pre-Orders for WooCommerce</a>
<a href="https://wordpress.org/plugins/product-size-chart-for-woo/" rel="ugc">Product Size Chart For WooCommerce</a>
<a href="https://wordpress.org/plugins/product-variations-swatches-for-woocommerce/" rel="ugc">Product Variations Swatches for WooCommerce</a>
<a href="https://wordpress.org/plugins/redis-woo-dynamic-pricing-and-discounts/" rel="ugc">REDIS – WooCommerce Dynamic Pricing and Discounts</a>
<a href="https://wordpress.org/plugins/rees-real-estate-for-woo/" rel="ugc">REES – Real Estate for Woo</a>
<a href="https://wordpress.org/plugins/import-shopify-to-woocommerce/" rel="ugc">S2W – Import Shopify to WooCommerce</a>
<a href="https://wordpress.org/plugins/sales-countdown-timer/" rel="ugc">Sales Countdown Timer</a>
<a href="https://wordpress.org/plugins/subre-product-subscription-for-woo/" rel="ugc">SUBRE – Product Subscription for WooCommerce – Recurring Payments</a>
<a href="https://wordpress.org/plugins/woo-suggestion-engine/" rel="ugc">Suggestion Engine for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-thank-you-page-customizer/" rel="ugc">Thank You Page Customizer for WooCommerce – Increase Your Sales</a>
<a href="https://wordpress.org/plugins/tmds-dropshipping-for-temu-and-woo/" rel="ugc">TMDS – Dropshipping for TEMU and Woo</a>
<a href="https://wordpress.org/plugins/w2s-migrate-woo-to-shopify/" rel="ugc">W2S – Migrate WooCommerce to Shopify</a>
<a href="https://wordpress.org/plugins/webpos-point-of-sale-for-woocommerce/" rel="ugc">WebPOS – Point of Sale for WooCommerce</a>
<a href="https://wordpress.org/plugins/wp-lucky-wheel/" rel="ugc">WordPress Lucky Wheel – Spin a Sale</a>
<a href="https://wordpress.org/plugins/wpbulky-wp-bulk-edit-post-types/" rel="ugc">WPBulky – WordPress Bulk Edit Post Types</a>

Alternatives to VARGAL – Additional Variation Gallery for WooCommerce

Top alternatives