Directory / plugin
Variation Swatches and Gallery for WooCommerce
v1.0.7 ยท by akdevs
The only free WooCommerce variation swatches plugin with a built-in Variation Image Gallery AND Stock Count by Variation. Replace boring dropdowns wit …
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!
-
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.
๐จ 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