Variation Swatches and Gallery for WooCommerce

Say goodbye to boring WooCommerce dropdown menus! Variation Swatches and Gallery for WooCommerce transforms your variable product dropdowns into stunning Color, Image, Button, and Radio swatches — giving your customers an experience like shopping on Amazon or AliExpress.

🔗 Live Demo | 📖 Documentation | 🌐 Plugin Homepage | 💬 Support

🏆 What Makes This Plugin Different?

Other swatches plugins give you basic color and image swatches. We go further — with two features that are usually premium-only, included for free:

1. Variation Image Gallery — Upload unlimited images per variation. When a customer selects “Red / Large”, they see a complete photo gallery of that exact combination — a feature typically found only in premium plugins, included here for free.

2. Stock Count by Variation — Show customers exactly how many items are left for each specific variation (e.g., “Red / Medium: Only 5 left!”). Helps customers make informed, faster purchasing decisions.

See Both Features in Action →

🎨 4 Beautiful Swatch Types

👉 Color Swatches
Display vibrant color circles or squares that customers can select at a glance. Perfect for clothing, accessories, home decor, and any product with color variants.
Live Demo & Documentation →

👉 Image Swatches
Show product photos, patterns, fabrics, or textures as selectable thumbnail swatches. Great for products where seeing the material or design matters before buying.
Live Demo & Documentation →

👉 Button / Label Swatches
Clean, clickable text buttons for sizes (S, M, L, XL), styles, or any text-based option. The most popular swatch type for size selectors. Auto-converts from dropdowns on install!
Live Demo & Documentation →

👉 Radio Swatches
Classic radio-style selectors for simple binary or limited choices. Ideal for yes/no options, gift wrapping toggles, or small option sets.
Live Demo & Documentation →

🆓 All Free Features

Our free version is packed with features:

👉 Auto-Convert Dropdowns to Swatches
Install and activate — all variation dropdowns instantly become button swatches. Zero configuration required.

👉 Variation Image Gallery
Upload unlimited gallery images for each specific variation. Customers see the exact photos for their selected color/size combination — typically a premium-only feature, included free here.
Live Demo →

👉 Stock Count by Variation
Display the exact stock quantity for each variation. “Red / M: 12 in stock” — helps customers make informed decisions and see product availability at a glance.
Live Demo →

👉 Smart Out-of-Stock Handling
Three options for unavailable variations: Blur them out, show a Cross sign, or Hide them completely. Prevent customer frustration with clear visual cues.
Live Demo →

👉 Customizable Swatch Shapes
Choose between Circle, Rounded, or Square swatch styles to match your store’s design and branding.

👉 Hover Tooltips
Enable sleek tooltips that appear on hover, showing attribute labels. Position them Top or Bottom to fit your layout.

👉 Ajax Variation Threshold
Custom threshold setting for stores with hundreds of product variations. Ensures smooth, fast performance without slowing down your product pages.

👉 Layout Control
Choose between Inline or Block display styles. Show the selected attribute name beside the label. Add a “Clear” button to reset selections with one click.

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

🏆 What Our Users Say

⭐⭐⭐⭐⭐ “This plugin solved my client requirements. I had an issue and the author supported me very quickly. Great plugin, excellent support!”
— designunique, Verified WordPress.org Review

🚀 Premium Features

Upgrade to Variation Swatches and Gallery Pro to unlock advanced shop management and styling tools:

Live Demo | Upgrade to Pro | Documentation

👉 Archive / Shop Page Swatches
Let customers select variations (colors, sizes) directly from the shop, category, and archive pages — without visiting each product page. Fewer clicks = more sales.
Live Demo →

👉 Per-Product Settings Override
Need different swatch shapes, styles, or types for specific products? Override global settings on a per-product basis for complete control.

👉 Advanced State Styling
Full control over Normal, Hover, and Selected states — including custom colors, borders, and box shadows. Make your swatches look exactly how you want.

👉 Image & Text Tooltips
Display product images or custom text inside tooltips on hover. A much richer browsing experience than text-only tooltips.

👉 Custom Tooltip Styling
Match tooltip colors and appearance to your brand identity. Full control over tooltip background, text color, and borders.

👉 Priority Support
Get fast, dedicated support directly from the developers who built the plugin.

👉 Get Pro Version →

🔌 Compatibility

This plugin is built to work everywhere:

• ✅ Any standard WooCommerce theme (Flatsome, OceanWP, Divi, Astra, Storefront, and more)
• ✅ Popular Quick View plugins
• ✅ WooCommerce HPOS (High-Performance Order Storage)
• ✅ Elementor and other page builders
• ✅ Tested with WordPress 6.4+ through 6.8
• ✅ Tested with WooCommerce 8.0+ through 10.3
• ✅ PHP 7.4+ compatible

📊 Free vs Pro Comparison

Included in Free:

• ✅ Color, Image, Button, Radio Swatches
• ✅ Variation Image Gallery (Unlimited)
• ✅ Stock Count by Variation
• ✅ Out-of-Stock Handling (Blur/Cross/Hide)
• ✅ Customizable Swatch Shapes
• ✅ Hover Tooltips
• ✅ Ajax Variation Threshold
• ✅ Clear Selection Button
• ✅ Inline & Block Display

Pro Only:

• ⭐ Shop / Archive Page Swatches
• ⭐ Per-Product Override Settings
• ⭐ Advanced State Styling (Hover, Selected)
• ⭐ Image & Text Tooltips
• ⭐ Custom Tooltip Styling
• ⭐ Priority Support

👨‍💻 Support & Documentation

Need help getting started? We’ve got you covered:

• 📖 Complete Documentation — Step-by-step guides for every feature
• 🎮 Live Demo Store — Try every feature before installing
• 💬 WordPress Support Forum — Free community support
• 🎫 Priority Support — For Pro users