About this plugin
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:
-
Variation Image Gallery — Upload unlimited images per variation. When a customer selects “Red / Large”, they see a complete photo gallery of that exact combination. Other plugins charge $49+ for this feature alone!
-
”). This creates buying urgency (FOMO) and helps customers make faster decisions. No other free swatches plugin offers this.
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 more powerful than many paid alternatives:
👉 Auto-Convert Dropdowns to Swatches
Install and activate — all variation dropdowns instantly become button swatches. Zero configuration required.
)
Upload unlimited gallery images for each specific variation. Customers see the exact photos for their selected color/size combination. A feature usually found only in premium plugins!
Live Demo →
👉 Stock Count by Variation (EXCLUSIVE)
Display the exact stock quantity for each variation. “Red / M: 12 in stock” — creates urgency, reduces hesitation, increases conversions. Not available in any other free swatches plugin.
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. ”
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, Woodmart, Porto, flavor, flavor Theme and more)
- ✅ Popular Quick View plugins
- ✅ WooCommerce HPOS (High-Performance Order Storage)
- ✅ Elementor, Gutenberg / WooCommerce Blocks, and other page builders
- ✅ WPML and Polylang multilingual plugins
- ✅ Dokan Multivendor Marketplace
- ✅ CartFlows and WooCommerce Product Bundles
- ✅ Tested with WordPress 6.4+ through 6.8
- ✅ Tested with WooCommerce 8.0+ through 10.3
- ✅ PHP 7.4+ compatible
📊 Free vs Pro Comparison
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
✅
✅
Ajax Variation Threshold
✅
✅
Clear Selection Button
✅
✅
Inline & Block Display
✅
✅
Shop / Archive Page Swatches
❌
✅
Per-Product Override Settings
❌
✅
Advanced State Styling
❌
✅
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