YayCommerce

Your products deserve options that stand out. 🎨✨
YaySwatches is a powerful WooCommerce variation swatches plugin that transforms boring dropdowns into beautiful color, image, label swatches with various visual effects. Help customers see their choices clearly and pick variations faster. No coding needed.
Customize styles, improve product clarity, and create a smoother shopping experience that converts.
It works seamlessly with WooCommerce, most page builders and block themes.
👋 <a href="https://demo.yaycommerce.com/yayswatches/" rel="nofollow ugc">Quick Demo</a> | <a href="https://demo.yaycommerce.com/try-yayswatches/" rel="nofollow ugc">Admin Demo</a>
YaySwatches brings your WooCommerce product variations to life:
<ul>
<li>Enable color, image, and label swatches </li>
<li>Zoom preview or enlarged image of swatch</li>
<li>Display full color/attribute name on hover</li>
<li>Shows additional info when hovering over a swatch</li>
<li>Customers can select variations directly from the product listing (Pro version)</li>
<li>Greyed-out or crossed swatches for out-of-stock items (Pro version)</li>
<li>Dual-color swatches supported</li>
</ul>
<a href="https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/" rel="nofollow ugc">Check out YaySwatches Pro</a> 💎
👋 YaySwatches Works with Popular Page Buiders
<ul>
<li>Gutenberg</li>
<li>Elementor</li>
<li>Kubio Page Builder</li>
<li>SiteOrigin</li>
<li>Beaver Builder</li>
<li>Brizy Builder</li>
<li>Divi</li>
<li>Thrive Architect</li>
<li>Bricks Builder</li>
<li>Oxygen</li>
<li>And many more</li>
</ul>
🚀 Works with Any WooCommerce Themes
<ul>
<li>Brandy</li>
<li>Blocksy</li>
<li>GeneratePress</li>
<li>OceanWP</li>
<li>Storefront</li>
<li>YITH themes</li>
</ul>
🌐 Multi-Language Plugins Supported
<ul>
<li>WPML</li>
<li>Polylang</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/whunb1CZepg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://docs.yaycommerce.com/yayswatches/getting-started/introduction" rel="nofollow ugc">Documentation</a> | <a href="https://docs.yaycommerce.com/yayswatches/why-upgrade" rel="nofollow ugc">Free vs Pro</a>
<h3>⚡️ FEATURES</h3>
YaySwatches is a feature-packed WooCommerce variation swatches plugin with a modern and simplified user interface.
It combines WooCommerce global attributes and custom product attributes in a single dashboard.
Just visit YaySwatches options and settings, you will see all available product attributes and set the styles you like.
Color Swatches 
Displaying the corresponding product image swatches based on colors.
Automated Variation Image Swatches 
If your products come with different variant images, they will be shown automatically.
Customizable Swatch Bubbles 
Plenty of design options, including swatch shape, size, border, color, spacing, and tooltip.
Customizable Swatch Button 
You can tweak the variation button design to fit your website’s color profiles. Even better, you can display buttons for attributes like size, material, model, etc. right on the shop/category page.
Powerful Attribute Options 
YaySwatches works with pre-existing attributes (free version) and also custom product attributes (premium version only).
Enhanced Shop Page & Catalogs (PRO) 
Shop page, catalogs, and category pages are fully supported in <a href="https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/" rel="nofollow ugc">YaySwatches Pro</a> version. You can enable and set a limit to the number of swatch bubbles shown for each product on the shop page. This helps keep your product grid neat and tidy. Once the customer clicks on the rest of the swatch options, they can view the remaining swatches or jump to the product page.
Out-of-stock Variation Visibility (PRO) 
Show or hide those variations that have been sold out on the product page, shop page, and categories page. You can choose a predesigned style for showing/hiding out-of-stock variants to fit your WooCommerce store.
Making Your Products Easy to Find 
The ultimate goal of this plugin is to make browsing your products or services extremely easy!
<h3>QUICK & EASY SETUP</h3>
With YaySwatches – Variation Swatches for WooCommerce plugin, it takes a few minutes to set up all WooCommerce variation swatches.
It provides a more vivid appearance for your product attributes through color swatches, image swatches, automated variant image swatches, buttons, and radio buttons.
As a result, all of the items are displayed so that your customer can quickly get all the available product options you have to offer.
With YaySwatches, the customers can browse and buy your products with engagement!
To further enhance your ecommerce site, you can even <a href="https://yaycommerce.com/how-to-send-woocommerce-custom-emails-per-product/" rel="nofollow ugc">send WooCommerce custom email per product</a>, product variations, or product SKUs.
Find out more: 
🔍 Want to see YayCommerce in action? <a href="https://demo.yaycommerce.com/" rel="nofollow ugc">View all YayCommerce plugin demos</a> and explore the full suite of features.

YaySwatches – Variation Swatches for WooCommerce

Your products deserve options that stand out. 🎨✨

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 …

YaySwatches – Variation Swatches for WooCommerce vs Variation Swatches and Gallery for WooCommerce