Plugin: variation-swatches-and-gallery (Used by 7 domains)

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. Other plugins charge $49+ for this feature alone!

2. Stock Count by Variation — Show customers exactly how many items are left for each specific variation (e.g., “Red / Medium: Only 5 left!”). 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.

👉 Variation Image Gallery (FREE!)
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. 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, 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