Web Analytics
Skip to content
WooCommerce Plugin

Variation Swatches and Gallery for WooCommerce

Say goodbye to boring dropdown menus. Transform your variable products into stunning Color, Image, Button & Radio swatches with a built-in variation gallery — just like top stores on Amazon & AliExpress.

The only free plugin with Variation Image Gallery + Stock Count by Variation

5.0 / 5.0 Rating
WordPress.org Approved
HPOS Compatible
Tested with WP 6.8 & WC 10.3
Variation Swatches and Gallery Preview
Product Page Preview

Premium Cotton T-Shirt

$29.99

Color

Size

S M L XL
In Stock — Red / M: 12 left
Blue / M: Out of stock (shown as blurred)
Exclusive Feature

Show Stock Quantity
by Variation

Customers can see exactly how many items are left for each specific variation — creating urgency and helping them make faster buying decisions.

This feature is not available in other free swatches plugins. Combined with our smart out-of-stock handling (blur, cross-out, or hide), your customers always know what's available.

+23%
Faster decisions with stock visibility
FOMO
Creates urgency with "only X left"
FREE
Included in the free version
See it in action on our demo store
4 Swatch Types

Beautiful Swatches for Every Need

Replace dull WooCommerce dropdowns with visually appealing swatches that improve customer experience and increase conversions.

Color Swatches

Display vibrant color circles or squares. Perfect for clothing, accessories, and home decor products.

Live Demo

Image Swatches

Show product photos, patterns, or textures as selectable thumbnails. Great for fabrics and materials.

Live Demo
S M L XL

Button Swatches

Clean, clickable text buttons for sizes, styles, or any text option. Most popular for size selectors.

Live Demo

Radio Swatches

Classic radio-style selectors. Ideal for yes/no options, simple toggles, or limited option sets.

Live Demo
Free Feature

Variation Image Gallery
Included Free

Most plugins charge $49+ for a variation gallery. We include it for free.

Upload unlimited images for each variation. When a customer selects "Red / Large", they see a full gallery of that exact combination — just like shopping on Amazon.

  • Unlimited gallery images per variation
  • Gallery swaps when customer selects a variation
  • Works with your theme's native WooCommerce gallery
Try it on our demo store
Variation Image Gallery Feature
All Free

Everything You Need,
Zero Cost

No setup headache. Install, activate, and your dropdowns instantly become beautiful swatches.

4 Swatch Types

Color, Image, Button, and Radio — choose the perfect swatch type for each product attribute.

Variation Image Gallery

Unlimited gallery images per variation. Customers see the exact photos for their selected options.

Stock Count by Variation

Show exact stock quantities for each variation. Creates urgency and helps customers decide faster.

Smart Out-of-Stock Handling

Blur, cross out, or hide unavailable variations. Prevent customer frustration with clear visual cues.

Customizable Shapes

Circle, Rounded, or Square — pick the swatch shape that matches your store design and branding.

Hover Tooltips

Sleek tooltips appear on hover showing attribute labels. Positioned Top or Bottom to fit your layout.

Ajax Performance

Custom Ajax Variation Threshold handles stores with hundreds of variations without slowing down.

Flexible Layout

Inline or Block display. Selected attribute name shown beside label. Plus a Clear Selection button.

Automated Defaults

Set Button or Image as the global default type. No need to configure every product individually.

Pro Version

Unlock the Full Potential

Take your store to the next level with features designed for maximum flexibility and conversions.

  • Shop & Archive Page Swatches

    Customers select variations directly from shop/category pages — no need to visit each product.

  • Per-Product Override

    Different swatch types, shapes, or styles for individual products. Full control over each product page.

  • Advanced State Styling

    Control Normal, Hover, and Selected states with custom colors, borders, and box shadows.

  • Image & Text Tooltips

    Rich tooltips with product images or custom text. Plus full tooltip color/style customization.

  • Priority Support

    Fast, dedicated support from the developers who built the plugin.

Swatches on Shop Page

Let customers select colors and sizes right from the product listing — fewer clicks, more sales.

Per-Product Control

Override global settings per product

Custom Styling

Colors, borders & shadows

Rich Image Tooltips

Show product images inside tooltips on hover. Customize tooltip colors to match your brand.

Compare Plans

Free vs Pro

See exactly what you get with each version.

Feature Free Pro
Color, Image, Button, Radio Swatches
Variation Image Gallery (Unlimited) Free!
Stock Count by Variation Exclusive
Out-of-Stock Handling (Blur/Cross/Hide)
Customizable Swatch Shapes
Hover Tooltips (Top/Bottom)
Ajax Variation Threshold
Clear Selection Button
Inline & Block Display
Shop / Archive Page Swatches
Per-Product Override Settings
Advanced State Styling (Hover, Selected)
Image & Text Tooltips
Custom Tooltip Styling
Priority Support
Easy Setup

Up & Running in 3 Minutes

No coding required. No complicated settings.

1

Install & Activate

Search "Variation Swatches and Gallery" in WordPress Plugins. Install, activate — done. Dropdowns auto-convert to button swatches instantly.

2

Configure Attributes

Go to Products > Attributes, change type from "Select" to Color or Image, assign colors/images to each term.

3

Customize & Sell

Fine-tune shapes, tooltips, stock display, out-of-stock behavior, and gallery from the settings. Your swatches are live!

Works With Your Stack

Compatible with all popular WooCommerce themes and plugins.

Any WooCommerce Theme

Quick View Plugins

WooCommerce HPOS

Flatsome

OceanWP

Divi & Elementor

"This plugin solved my client requirements. I had an issue and the author supported me very quickly. Great plugin, fulfill my requirements, excellent support!"
-- designunique

Verified WordPress.org Review

FAQ

Frequently Asked Questions

Why are my variations still showing as dropdowns?
After installing, all dropdowns automatically become Button swatches. For Color or Image swatches, go to Products > Attributes, edit the attribute (e.g., Color), change "Type" from Select to Color or Image, then assign values to each term.
Is this plugin compatible with my theme?
Yes! It works with any standard WooCommerce theme including Flatsome, OceanWP, Divi, Astra, and more. If you encounter any layout conflict, our support team will help resolve it.
Does it work with Quick View plugins?
Yes, our swatches and gallery logic are fully compatible with most popular WooCommerce Quick View extensions out of the box.
Can I show swatches on the shop/catalog page?
The free version displays swatches on single product pages. To show swatches on shop, category, and archive pages, upgrade to the Pro version.
How does the stock count by variation work?
When enabled, customers see the exact stock quantity for their selected variation (e.g., "Red / Large: 5 left"). This creates urgency and helps customers make faster decisions. It's completely free!
How many variations can it handle?
The plugin includes a Custom Ajax Variation Threshold setting specifically designed for stores with a large number of variations. Adjust the threshold to ensure smooth, fast performance even with hundreds of variations.
What happens to out-of-stock variations?
You can choose to Blur out-of-stock swatches, display a Cross sign over them, or completely Hide them. All configurable from the settings panel.
Does it work with WooCommerce HPOS?
Yes! Fully compatible with WooCommerce's High-Performance Order Storage (HPOS) feature.

Ready to Transform Your Product Pages?

Join WooCommerce store owners who use Variation Swatches and Gallery to boost conversions and create a premium shopping experience.

Free version includes Variation Gallery + Stock by Variation — features others charge for.