akdevs

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.
🔗 <a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo</a> | 📖 <a href="https://zqe.io/docs/variation-swatches-and-gallery-documentation/" rel="nofollow ugc">Documentation</a> | 🌐 <a href="https://zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Plugin Homepage</a> | 💬 <a href="https://wordpress.org/support/plugin/variation-swatches-and-gallery/" rel="ugc">Support</a>
<h3>🏆 What Makes This Plugin Different?</h3>
Other swatches plugins give you basic color and image swatches. We go further — with two features that are usually premium-only, included for free:
<ol>
<li>
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!
</li>
<li>
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.
</li>
</ol>
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">See Both Features in Action →</a>
<h3>🎨 4 Beautiful Swatch Types</h3>
👉 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. 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo & Documentation →</a>
👉 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. 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo & Documentation →</a>
👉 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! 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo & Documentation →</a>
👉 Radio Swatches 
Classic radio-style selectors for simple binary or limited choices. Ideal for yes/no options, gift wrapping toggles, or small option sets. 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo & Documentation →</a>
<h3>🆓 All Free Features</h3>
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! 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo →</a>
👉 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. 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo →</a>
👉 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. 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo →</a>
👉 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.
<h3>🏆 What Our Users Say</h3>
<blockquote>
⭐⭐⭐⭐⭐ “This plugin solved my client requirements. I had an issue and the author supported me very quickly. Great plugin, excellent support!” 
 — <a href="https://wordpress.org/support/topic/great-plugin-fulfill-my-requirements-excellent-support/" rel="ugc">designunique</a>, Verified WordPress.org Review
</blockquote>
<h3>🚀 Premium Features</h3>
Upgrade to <a href="https://zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Variation Swatches and Gallery Pro</a> to unlock advanced shop management and styling tools:
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo</a> | <a href="https://zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Upgrade to Pro</a> | <a href="https://zqe.io/docs/variation-swatches-and-gallery-documentation/" rel="nofollow ugc">Documentation</a>
👉 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. 
<a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo →</a>
👉 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.
👉 <a href="https://zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Get Pro Version →</a>
<h3>🔌 Compatibility</h3>
This plugin is built to work everywhere:
<ul>
<li>✅ Any standard WooCommerce theme (Flatsome, OceanWP, Divi, Astra, Storefront, Woodmart, Porto, flavor, flavor Theme and more)</li>
<li>✅ Popular Quick View plugins</li>
<li>✅ WooCommerce HPOS (High-Performance Order Storage)</li>
<li>✅ Elementor, Gutenberg / WooCommerce Blocks, and other page builders</li>
<li>✅ WPML and Polylang multilingual plugins</li>
<li>✅ Dokan Multivendor Marketplace</li>
<li>✅ CartFlows and WooCommerce Product Bundles</li>
<li>✅ Tested with WordPress 6.4+ through 6.8</li>
<li>✅ Tested with WooCommerce 8.0+ through 10.3</li>
<li>✅ PHP 7.4+ compatible</li>
</ul>
<h3>📊 Free vs Pro Comparison</h3>
 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 
 ❌ 
 ✅
<h3>👨‍💻 Support & Documentation</h3>
Need help getting started? We’ve got you covered:
<ul>
<li>📖 <a href="https://zqe.io/docs/variation-swatches-and-gallery-documentation/" rel="nofollow ugc">Complete Documentation</a> — Step-by-step guides for every feature</li>
<li>🎮 <a href="https://demo.zqe.io/variation-swatches-and-gallery/" rel="nofollow ugc">Live Demo Store</a> — Try every feature before installing</li>
<li>💬 <a href="https://wordpress.org/support/plugin/variation-swatches-and-gallery/" rel="ugc">WordPress Support Forum</a> — Free community support</li>
<li>🎫 <a href="https://zqe.io/" rel="nofollow ugc">Priority Support</a> — For Pro users</li>
</ul>

Variation Swatches and Gallery for WooCommerce

The only free WooCommerce variation swatches plugin with a built-in Variation Image Gallery AND Stock Count by Variation. Replace boring dropdowns wit …

Variable Product Swatches for WooCommerce is altimate solution for Color, Image, Button and Radio Swatches For WooCommerce Variable Product Attributes
<h3>Features</h3>
<ul>
<li>4 Custome attributes, Color, Image, Button and Radio.</li>
<li>Details settings page to customize design and functions.</li>
<li>Quick support.</li>
</ul>
<h3>Contribute</h3>
This may have bugs and lack of many features. If you want to contribute on this project, you are more than welcome. Please fork the repository from <a href="https://github.com/zqelab/variable-product-swatches" rel="nofollow ugc">Github</a>.
<h3>Documentation</h3>
Getting Started with Variable Product Swatches for WooCommerce is only a matter of moments. 
Check out the detailed <a href="https://zqe.io/docs/variable-product-swatches-documentation/" rel="nofollow ugc">documentation</a> created by us to help you out to run Variable Product Swatches for WooCommerce in the best way.
<h3>LINKS</h3>
<a href="https://demo.zqe.io/variable-product-swatches" rel="nofollow ugc">Demo</a> 
<a href="https://zqe.io/docs/variable-product-swatches-documentation" rel="nofollow ugc">Documentation</a> 
<a href="https://github.com/zqelab/variable-product-swatches" rel="nofollow ugc">GitHub</a>

Variable Product Swatches for WooCommerce

Color, Image, Button and Radio Swatches For WooCommerce Variable Product Attributes

Variation Swatches and Gallery for WooCommerce vs Variable Product Swatches for WooCommerce