Title: Variation Swatches and Gallery for WooCommerce Author: akdevs Published: 6. Januar 2023 Last modified: 23. März 2026 --- Search plugins ![](https://ps.w.org/variation-swatches-and-gallery/assets/banner-772x250.png?rev =2844466) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/variation-swatches-and-gallery/assets/icon-256x256.png?rev= 2844466) # Variation Swatches and Gallery for WooCommerce By [akdevs](https://profiles.wordpress.org/akdevs/) [Download](https://downloads.wordpress.org/plugin/variation-swatches-and-gallery.1.0.7.zip) * [Details](https://de-ch.wordpress.org/plugins/variation-swatches-and-gallery/#description) * [Reviews](https://de-ch.wordpress.org/plugins/variation-swatches-and-gallery/#reviews) * [Installation](https://de-ch.wordpress.org/plugins/variation-swatches-and-gallery/#installation) * [Development](https://de-ch.wordpress.org/plugins/variation-swatches-and-gallery/#developers) [Support](https://wordpress.org/support/plugin/variation-swatches-and-gallery/) ## Description 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](https://demo.zqe.io/variation-swatches-and-gallery/) | 📖 [Documentation](https://zqe.io/docs/variation-swatches-and-gallery-documentation/) | 🌐 [Plugin Homepage](https://zqe.io/variation-swatches-and-gallery/) | 💬 [Support](https://wordpress.org/support/plugin/variation-swatches-and-gallery/) ### 🏆 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 ](https://demo.zqe.io/variation-swatches-and-gallery/) ### 🎨 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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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 ](https://demo.zqe.io/variation-swatches-and-gallery/) ### 🆓 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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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](https://wordpress.org/support/topic/great-plugin-fulfill-my-requirements-excellent-support/), > Verified WordPress.org Review ### 🚀 Premium Features Upgrade to **[Variation Swatches and Gallery Pro](https://zqe.io/variation-swatches-and-gallery/)** to unlock advanced shop management and styling tools: [Live Demo](https://demo.zqe.io/variation-swatches-and-gallery/) | [Upgrade to Pro](https://zqe.io/variation-swatches-and-gallery/) | [Documentation](https://zqe.io/docs/variation-swatches-and-gallery-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 ](https://demo.zqe.io/variation-swatches-and-gallery/) 👉 **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 ](https://zqe.io/variation-swatches-and-gallery/) ### 🔌 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](https://zqe.io/docs/variation-swatches-and-gallery-documentation/)— Step-by-step guides for every feature * 🎮 [Live Demo Store](https://demo.zqe.io/variation-swatches-and-gallery/) — Try every feature before installing * 💬 [WordPress Support Forum](https://wordpress.org/support/plugin/variation-swatches-and-gallery/)— Free community support * 🎫 [Priority Support](https://zqe.io/) — For Pro users ## Screenshots [⌊Swatch Type selection in Attribute settings.⌉⌊Swatch Type selection in Attribute settings.⌉[ Swatch Type selection in Attribute settings. [⌊Beautiful Color Swatch interface on the frontend.⌉⌊Beautiful Color Swatch interface on the frontend.⌉[ Beautiful Color Swatch interface on the frontend. [⌊Image Swatch examples for patterns and textures.⌉⌊Image Swatch examples for patterns and textures.⌉[ Image Swatch examples for patterns and textures. [⌊Comprehensive settings panel for design customization.⌉⌊Comprehensive settings panel for design customization.⌉[ Comprehensive settings panel for design customization. [⌊Variation Image Gallery — multiple images per variation.⌉⌊Variation Image Gallery— multiple images per variation.⌉[ Variation Image Gallery — multiple images per variation. [⌊Stock Count by Variation — shows exact stock per selection.⌉⌊Stock Count by Variation— shows exact stock per selection.⌉[ Stock Count by Variation — shows exact stock per selection. [⌊Out-of-stock variation handling (blur, cross, hide).⌉⌊Out-of-stock variation handling( blur, cross, hide).⌉[ Out-of-stock variation handling (blur, cross, hide). [⌊Button and Radio swatch display.⌉⌊Button and Radio swatch display.⌉[ Button and Radio swatch display. [⌊Tooltip display on hover.⌉⌊Tooltip display on hover.⌉[ Tooltip display on hover. ## Installation ### From WordPress Dashboard (Recommended) 1. Go to **Plugins > Add New**. 2. Search for **«Variation Swatches and Gallery for WooCommerce»**. 3. Click **Install Now** and then **Activate**. 4. Done! All variation dropdowns are now auto-converted to button swatches. ### Manual Installation 1. Download the ZIP file from the WordPress plugin repository. 2. Upload the `variation-swatches-and-gallery` folder to the `/wp-content/plugins/` directory. 3. Activate the plugin through the **Plugins** menu in WordPress. ### After Activation — Quick Setup (2 minutes) 1. Navigate to **Products > Attributes**. 2. Edit an existing attribute (e.g., Color). 3. Change the **«Type»** from **Select** to **Color** (or Image). 4. Click **Update** to save. 5. Edit the individual attribute terms and assign a color or upload an image for each. 6. Visit your product page — your beautiful swatches are live! Need help? Check our [step-by-step documentation ](https://zqe.io/docs/variation-swatches-and-gallery-documentation/) ## FAQ ### Why are my products still showing dropdowns instead of swatches? After installing the plugin, all dropdowns automatically become **Button swatches**. To display Color or Image swatches, you need one extra step: Go to **Products > Attributes**, edit your attribute (e.g., Color), and change the «Type» from Select to Color or Image. Then edit individual terms to assign colors or images. [See our setup guide ](https://zqe.io/docs/variation-swatches-and-gallery-documentation/) ### How does the Stock Count by Variation feature work? When enabled, customers see the exact stock quantity for their selected variation— for example, «Red / Large: 5 in stock» or «Blue / Medium: Only 2 left!». This creates urgency (FOMO) and helps customers make faster purchasing decisions. This feature is **completely free** and exclusive to our plugin. ### Is it compatible with my theme? Yes! The plugin is designed to work with any standard WooCommerce theme including** Flatsome, OceanWP, Divi, Astra, Storefront**, and more. It follows WooCommerce hooks and templates, so it integrates seamlessly. If you encounter any layout conflict, our support team is ready to help. ### Does it support Quick View plugins? Yes. The swatches and gallery logic are fully compatible with most popular WooCommerce Quick View extensions out of the box. ### How is the Variation Image Gallery different from the main product gallery? The main WooCommerce gallery shows the same images regardless of which variation is selected. With our **Variation Image Gallery**, you can upload unique images for each variation (e.g., different angles of the red shirt vs. the blue shirt). When a customer selects a variation, the gallery automatically swaps to show those specific images — like shopping on Amazon. ### Can I show swatches on the shop / catalog page? The Free version displays swatches on the **Single Product page**. To display swatches on the **Shop, Category, and Archive** pages, upgrade to the [Pro version](https://zqe.io/variation-swatches-and-gallery/). ### How many variations can it handle? The plugin includes a **Custom Ajax Variation Threshold** setting specifically designed for stores with a large number of product variations. You can adjust this threshold to ensure smooth, fast performance even with hundreds of variations. ### What happens to out-of-stock variations? Three options: **Blur** out-of-stock swatches, display a **Cross** sign over them, or **Hide** them completely. Customers always see clearly which options are available and which aren’t. ### Does it work with WooCommerce High-Performance Order Storage (HPOS)? Yes! The plugin is fully compatible with WooCommerce’s HPOS feature. ### Where can I get support? For free plugin support, visit our [WordPress support forum](https://wordpress.org/support/plugin/variation-swatches-and-gallery/). Pro users get priority support through [our website](https://zqe.io/). ## Reviews ![](https://secure.gravatar.com/avatar/0197ebbf6ba25d2abf09409f0590f52cd43747e34498bfe2a36947d517cc16ec? s=60&d=retro&r=g) ### 󠀁[Great plugin, fulfill my requirements, excellent support](https://wordpress.org/support/topic/great-plugin-fulfill-my-requirements-excellent-support/)󠁿 [designunique](https://profiles.wordpress.org/designunique/) 15. Dezember 2023 This plugin solved my client requirements, I had an issue, Author support me very quickly. Thanks [ Read all 1 review ](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/) ## Contributors & Developers “Variation Swatches and Gallery for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ akdevs ](https://profiles.wordpress.org/akdevs/) * [ ZQE ](https://profiles.wordpress.org/zqelab/) [Translate “Variation Swatches and Gallery for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/variation-swatches-and-gallery) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/variation-swatches-and-gallery/), check out the [SVN repository](https://plugins.svn.wordpress.org/variation-swatches-and-gallery/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/variation-swatches-and-gallery/) by [RSS](https://plugins.trac.wordpress.org/log/variation-swatches-and-gallery/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.7 – 23 March 2026 * Improved: Removed debug logging from production frontend code for cleaner browser console output. * Improved: Updated plugin description for better clarity in WP Admin Plugins list. * Improved: Expanded compatibility list — added Woodmart, Porto, WPML, Polylang, Dokan, CartFlows, and WooCommerce Product Bundles. * Improved: Optimized readme tags for better WordPress.org search discoverability. * Tested: Verified compatibility with WordPress 6.8 and WooCommerce 10.3. #### 1.0.6 – 28 January 2025 * SDK Update and performance optimizations. #### 1.0.5 – 18 December 2024 * Fixed: Replaced deprecated methods with `get_default_attributes` for WC 3.0+ compatibility. * Fixed: Added safety check for `WVSG_DEBUG` constant. #### 1.0.4 – 15 November 2024 * Improved: Minor performance and stability improvements. #### 1.0.3 – 10 August 2024 * Improved: Compatibility improvements for newer WooCommerce versions. #### 1.0.2 – 5 March 2024 * Improved: General code cleanup and stability fixes. #### 1.0.1 – 15 June 2023 * Improved: Minor bug fixes and compatibility updates. #### 1.0.0 – 25 December 2022 * Initial release. ## Meta * Version **1.0.7** * Last updated **7 Monaten ago** * Active installations **50+** * WordPress version ** 6.4 or higher ** * Tested up to **6.8.11** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/variation-swatches-and-gallery/) * Tags * [color swatches](https://de-ch.wordpress.org/plugins/tags/color-swatches/)[image swatches](https://de-ch.wordpress.org/plugins/tags/image-swatches/) [variation swatches](https://de-ch.wordpress.org/plugins/tags/variation-swatches/) [variation-gallery](https://de-ch.wordpress.org/plugins/tags/variation-gallery/) [woocommerce](https://de-ch.wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://de-ch.wordpress.org/plugins/variation-swatches-and-gallery/advanced/) ## Ratings 5 von 5 Sternen. * [ 1 5-Sterne-Rezension ](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/?filter=5) * [ 0 4-Sterne-Rezensionen ](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/?filter=4) * [ 0 3-Sterne-Rezensionen ](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/?filter=3) * [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/?filter=2) * [ 0 1-Sterne-Rezensionen ](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/variation-swatches-and-gallery/reviews/) ## Contributors * [ akdevs ](https://profiles.wordpress.org/akdevs/) * [ ZQE ](https://profiles.wordpress.org/zqelab/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/variation-swatches-and-gallery/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://github.com/zqelab)