WooCommerce is great at handling variable products — colors, sizes, materials. But there’s one thing it handles poorly out of the box: showing different images for each variation.
By default, when a customer selects “Red / Large” on your product page, the main gallery stays the same. They see the same photos regardless of which color or size they pick. This creates confusion, increases returns, and kills conversion rates.
The solution? A variation image gallery — a feature that automatically swaps the product gallery when a customer selects a specific variation, showing photos of that exact combination.
In this guide, you’ll learn how to add a free variation image gallery to your WooCommerce store in under 5 minutes.
What Is a Variation Image Gallery?
A variation image gallery lets you upload multiple images per variation (not just one thumbnail). When a customer selects a variation — say, “Blue / Medium” — the entire product gallery updates to show photos of the blue medium product from multiple angles.
This is exactly how Amazon, ASOS, and Zalando handle their product pages. Each color variation has its own photo set.
The Problem with Default WooCommerce
WooCommerce allows you to set one image per variation — a single thumbnail. But that’s it. The main product gallery stays the same regardless of which variation is selected.
For stores selling clothing, accessories, furniture, or any product where appearance changes between variants, this is a serious limitation. Customers can’t see what they’re actually buying.
How Most Plugins Solve This
| Plugin | Variation Gallery | Price |
|---|---|---|
| WooCommerce Additional Variation Images | Yes | $49/year |
| Iconic WooSwatches | Yes (Pro only) | $79/year |
| GetWooPlugins Variation Swatches Pro | Yes (Pro only) | $49/year |
| Variation Swatches and Gallery | Yes (Free) | $0 |
Variation Swatches and Gallery for WooCommerce is the only plugin that includes a full variation image gallery in its free version.
Step-by-Step: Adding a Variation Image Gallery
Step 1: Install the Plugin
- Go to your WordPress admin dashboard
- Navigate to Plugins > Add New
- Search for “Variation Swatches and Gallery”
- Click Install Now, then Activate
That’s it for installation. The plugin automatically converts all variation dropdowns to button swatches — no configuration needed.
Step 2: Edit a Variable Product
- Go to Products in your WordPress admin
- Click on a variable product (or create one)
- Scroll down to the Product Data section
- Click the Variations tab
Step 3: Add Gallery Images to Each Variation
- Expand any variation (click on it)
- You’ll see a new “Add Gallery” button (added by the plugin)
- Click Add Gallery
- Select or upload multiple images for this specific variation
- Repeat for each variation that needs its own gallery
- Click Save changes
Step 4: View the Result
Visit the product page on your store’s frontend. Select different variations — the gallery will automatically swap to show the images you uploaded for each one.
Best Practices for Variation Galleries
Use Consistent Photography
Shoot all variation images from the same angles, with the same lighting and background. Recommended photo set per variation:
- Front view
- Back view
- Close-up detail
- Lifestyle/context shot
- Size reference (if applicable)
Optimize Image Sizes
Large images slow down your store. For variation galleries: maximum width 1200px, use WebP or optimized JPEG, keep file size under 200KB per image, and use a plugin like Smush or ShortPixel to compress automatically.
Use the Stock Count Feature
Variation Swatches and Gallery also includes a stock count per variation feature. When enabled, customers see “Only 3 left!” for specific variations. This creates urgency and can increase conversion rates by 5-15%.
Compatibility
- Themes: Flatsome, Woodmart, Astra, Divi, OceanWP, Storefront, Porto
- Plugins: Elementor, WPML, Polylang, Dokan, CartFlows, Quick View
- WooCommerce: Version 8.0 through 10.3, including HPOS
- WordPress: Version 6.4 through 6.8
Get Started
Adding a variation image gallery to your WooCommerce store takes less than 5 minutes. No configuration needed. No premium upgrade required for the gallery feature.
This guide was written for WooCommerce store owners using WordPress 6.4+ and WooCommerce 8.0+. Last updated March 2026.