Removed debug logging, expanded compatibility, and improved search discoverability. Recommended for all users.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2844466,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2844466,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.3","1.0.4","1.0.5","1.0.5.1","1.0.6","1.0.7"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2844466,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2844466,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2844466,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2844466,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":2844466,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":2844466,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":2844466,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":2844466,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":2844466,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Swatch Type selection in Attribute settings.","2":"Beautiful Color Swatch interface on the frontend.","3":"Image Swatch examples for patterns and textures.","4":"Comprehensive settings panel for design customization.","5":"Variation Image Gallery \u2014 multiple images per variation.","6":"Stock Count by Variation \u2014 shows exact stock per selection.","7":"Out-of-stock variation handling (blur, cross, hide).","8":"Button and Radio swatch display.","9":"Tooltip display on hover.","10":"Shop page swatches (Pro feature)."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[37395,18779,130912,231717,286],"plugin_category":[45],"plugin_contributors":[174689,206757],"plugin_business_model":[],"class_list":["post-168014","plugin","type-plugin","status-publish","hentry","plugin_tags-color-swatches","plugin_tags-image-swatches","plugin_tags-variation-swatches","plugin_tags-variation-gallery","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-akdevs","plugin_contributors-zqelab","plugin_committers-akdevs"],"banners":{"banner":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/banner-772x250.png?rev=2844466","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/icon-256x256.png?rev=2844466","icon_2x":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/icon-256x256.png?rev=2844466","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-1.png?rev=2844466","caption":"Swatch Type selection in Attribute settings."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-2.png?rev=2844466","caption":"Beautiful Color Swatch interface on the frontend."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-3.png?rev=2844466","caption":"Image Swatch examples for patterns and textures."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-4.png?rev=2844466","caption":"Comprehensive settings panel for design customization."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-5.png?rev=2844466","caption":"Variation Image Gallery \u2014 multiple images per variation."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-6.png?rev=2844466","caption":"Stock Count by Variation \u2014 shows exact stock per selection."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-7.png?rev=2844466","caption":"Out-of-stock variation handling (blur, cross, hide)."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-8.png?rev=2844466","caption":"Button and Radio swatch display."},{"src":"https:\/\/ps.w.org\/variation-swatches-and-gallery\/assets\/screenshot-9.png?rev=2844466","caption":"Tooltip display on hover."}],"raw_content":"\n
Say goodbye to boring WooCommerce dropdown menus! Variation Swatches and Gallery for WooCommerce<\/strong> transforms your variable product dropdowns into stunning Color, Image, Button, and Radio swatches<\/strong> \u2014 giving your customers an experience like shopping on Amazon or AliExpress.<\/p>\n\n \ud83d\udd17 Live Demo<\/a> | \ud83d\udcd6 Documentation<\/a> | \ud83c\udf10 Plugin Homepage<\/a> | \ud83d\udcac Support<\/a><\/p>\n\n Other swatches plugins give you basic color and image swatches. We go further \u2014 with two features that are usually premium-only<\/strong>, included for free<\/strong>:<\/p>\n\n Variation Image Gallery<\/strong> \u2014 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!<\/p><\/li>\n Stock Count by Variation<\/strong> \u2014 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.<\/strong><\/p><\/li>\n<\/ol>\n\n See Both Features in Action \u2192<\/a><\/p>\n\n\n\n \ud83d\udc49 Color Swatches<\/strong>\nDisplay vibrant color circles or squares that customers can select at a glance. Perfect for clothing, accessories, home decor, and any product with color variants.\nLive Demo & Documentation \u2192<\/a><\/p>\n\n \ud83d\udc49 Image Swatches<\/strong>\nShow product photos, patterns, fabrics, or textures as selectable thumbnail swatches. Great for products where seeing the material or design matters before buying.\nLive Demo & Documentation \u2192<\/a><\/p>\n\n \ud83d\udc49 Button \/ Label Swatches<\/strong>\nClean, 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!\nLive Demo & Documentation \u2192<\/a><\/p>\n\n \ud83d\udc49 Radio Swatches<\/strong>\nClassic radio-style selectors for simple binary or limited choices. Ideal for yes\/no options, gift wrapping toggles, or small option sets.\nLive Demo & Documentation \u2192<\/a><\/p>\n\n\n\n Our free version is more powerful than many paid alternatives:<\/p>\n\n \ud83d\udc49 Auto-Convert Dropdowns to Swatches<\/strong>\nInstall and activate \u2014 all variation dropdowns instantly become button swatches. Zero configuration required.<\/p>\n\n \ud83d\udc49 Variation Image Gallery (FREE!)<\/strong>\nUpload 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!\nLive Demo \u2192<\/a><\/p>\n\n \ud83d\udc49 Stock Count by Variation (EXCLUSIVE)<\/strong>\nDisplay the exact stock quantity for each variation. \"Red \/ M: 12 in stock\" \u2014 creates urgency, reduces hesitation, increases conversions. Not available in any other free swatches plugin.\nLive Demo \u2192<\/a><\/p>\n\n \ud83d\udc49 Smart Out-of-Stock Handling<\/strong>\nThree options for unavailable variations: Blur<\/strong> them out, show a Cross<\/strong> sign, or Hide<\/strong> them completely. Prevent customer frustration with clear visual cues.\nLive Demo \u2192<\/a><\/p>\n\n \ud83d\udc49 Customizable Swatch Shapes<\/strong>\nChoose between Circle<\/strong>, Rounded<\/strong>, or Square<\/strong> swatch styles to match your store's design and branding.<\/p>\n\n \ud83d\udc49 Hover Tooltips<\/strong>\nEnable sleek tooltips that appear on hover, showing attribute labels. Position them Top<\/strong> or Bottom<\/strong> to fit your layout.<\/p>\n\n \ud83d\udc49 Ajax Variation Threshold<\/strong>\nCustom threshold setting for stores with hundreds of product variations. Ensures smooth, fast performance without slowing down your product pages.<\/p>\n\n \ud83d\udc49 Layout Control<\/strong>\nChoose between Inline<\/strong> or Block<\/strong> display styles. Show the selected attribute name beside the label. Add a \"Clear\" button to reset selections with one click.<\/p>\n\n \ud83d\udc49 Automated Defaults<\/strong>\nSet Button or Image as the global default swatch type. No need to configure every product individually.<\/p>\n\n\n\n \u2b50\u2b50\u2b50\u2b50\u2b50 \"This plugin solved my client requirements. I had an issue and the author supported me very quickly. Great plugin, excellent support!\"<\/em>\n \u2014 designunique<\/a>, Verified WordPress.org Review<\/p>\n<\/blockquote>\n\n\n\n Upgrade to Variation Swatches and Gallery Pro<\/a><\/strong> to unlock advanced shop management and styling tools:<\/p>\n\n Live Demo<\/a> | Upgrade to Pro<\/a> | Documentation<\/a><\/p>\n\n \ud83d\udc49 Archive \/ Shop Page Swatches<\/strong>\nLet customers select variations (colors, sizes) directly from the shop, category, and archive pages \u2014 without visiting each product page. Fewer clicks = more sales.\nLive Demo \u2192<\/a><\/p>\n\n \ud83d\udc49 Per-Product Settings Override<\/strong>\nNeed different swatch shapes, styles, or types for specific products? Override global settings on a per-product basis for complete control.<\/p>\n\n \ud83d\udc49 Advanced State Styling<\/strong>\nFull control over Normal<\/strong>, Hover<\/strong>, and Selected<\/strong> states \u2014 including custom colors, borders, and box shadows. Make your swatches look exactly how you want.<\/p>\n\n \ud83d\udc49 Image & Text Tooltips<\/strong>\nDisplay product images or custom text inside tooltips on hover. A much richer browsing experience than text-only tooltips.<\/p>\n\n \ud83d\udc49 Custom Tooltip Styling<\/strong>\nMatch tooltip colors and appearance to your brand identity. Full control over tooltip background, text color, and borders.<\/p>\n\n \ud83d\udc49 Priority Support<\/strong>\nGet fast, dedicated support directly from the developers who built the plugin.<\/p>\n\n \ud83d\udc49 Get Pro Version \u2192<\/a><\/p>\n\n\n\n This plugin is built to work everywhere:<\/p>\n\n Need help getting started? We've got you covered:<\/p>\n\n Need help? Check our step-by-step documentation \u2192<\/a><\/p>\n\n\n After installing the plugin, all dropdowns automatically become Button swatches<\/strong>. To display Color or Image swatches, you need one extra step: Go to Products > Attributes<\/strong>, 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 \u2192<\/a><\/p><\/dd>\n When enabled, customers see the exact stock quantity for their selected variation \u2014 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<\/strong> and exclusive to our plugin.<\/p><\/dd>\n Yes! The plugin is designed to work with any standard WooCommerce theme including Flatsome, OceanWP, Divi, Astra, Storefront<\/strong>, 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.<\/p><\/dd>\n Yes. The swatches and gallery logic are fully compatible with most popular WooCommerce Quick View extensions out of the box.<\/p><\/dd>\n The main WooCommerce gallery shows the same images regardless of which variation is selected. With our Variation Image Gallery<\/strong>, 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 \u2014 like shopping on Amazon.<\/p><\/dd>\n The Free version displays swatches on the Single Product page<\/strong>. To display swatches on the Shop, Category, and Archive<\/strong> pages, upgrade to the Pro version<\/a>.<\/p><\/dd>\n The plugin includes a Custom Ajax Variation Threshold<\/strong> 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.<\/p><\/dd>\n Three options: Blur<\/strong> out-of-stock swatches, display a Cross<\/strong> sign over them, or Hide<\/strong> them completely. Customers always see clearly which options are available and which aren't.<\/p><\/dd>\n Yes! The plugin is fully compatible with WooCommerce's HPOS feature.<\/p><\/dd>\n For free plugin support, visit our WordPress support forum<\/a>. Pro users get priority support through our website<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n\n\ud83c\udfc6 What Makes This Plugin Different?<\/h3>\n\n
\n
\ud83c\udfa8 4 Beautiful Swatch Types<\/h3>\n\n
\ud83c\udd93 All Free Features<\/h3>\n\n
\ud83c\udfc6 What Our Users Say<\/h3>\n\n
\n
\ud83d\ude80 Premium Features<\/h3>\n\n
\ud83d\udd0c Compatibility<\/h3>\n\n
\n
\ud83d\udcca Free vs Pro Comparison<\/h3>\n\n\n\n\n Feature\n Free\n Pro\n\n\n\n\n Color, Image, Button, Radio Swatches\n \u2705\n \u2705\n\n\n Variation Image Gallery (Unlimited)\n \u2705 FREE!\n \u2705\n\n\n Stock Count by Variation\n \u2705 EXCLUSIVE\n \u2705\n\n\n Out-of-Stock Handling (Blur\/Cross\/Hide)\n \u2705\n \u2705\n\n\n Customizable Swatch Shapes\n \u2705\n \u2705\n\n\n Hover Tooltips\n \u2705\n \u2705\n\n\n Ajax Variation Threshold\n \u2705\n \u2705\n\n\n Clear Selection Button\n \u2705\n \u2705\n\n\n Inline & Block Display\n \u2705\n \u2705\n\n\n Shop \/ Archive Page Swatches\n \u274c\n \u2705\n\n\n Per-Product Override Settings\n \u274c\n \u2705\n\n\n Advanced State Styling\n \u274c\n \u2705\n\n\n Image & Text Tooltips\n \u274c\n \u2705\n\n\n Custom Tooltip Styling\n \u274c\n \u2705\n\n\n Priority Support\n \u274c\n \u2705\n\n\n\n\n\n\n
\ud83d\udc68\u200d\ud83d\udcbb Support & Documentation<\/h3>\n\n
\n
From WordPress Dashboard (Recommended)<\/h3>\n\n
\n
Manual Installation<\/h3>\n\n
\n
variation-swatches-and-gallery<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\nAfter Activation \u2014 Quick Setup (2 minutes)<\/h3>\n\n
\n
\n
Why are my products still showing dropdowns instead of swatches?<\/h3><\/dt>\n
How does the Stock Count by Variation feature work?<\/h3><\/dt>\n
Is it compatible with my theme?<\/h3><\/dt>\n
Does it support Quick View plugins?<\/h3><\/dt>\n
How is the Variation Image Gallery different from the main product gallery?<\/h3><\/dt>\n
Can I show swatches on the shop \/ catalog page?<\/h3><\/dt>\n
How many variations can it handle?<\/h3><\/dt>\n
What happens to out-of-stock variations?<\/h3><\/dt>\n
Does it work with WooCommerce High-Performance Order Storage (HPOS)?<\/h3><\/dt>\n
Where can I get support?<\/h3><\/dt>\n
1.0.7 - 23 March 2026<\/h4>\n\n
\n
1.0.6 - 28 January 2025<\/h4>\n\n
\n
1.0.5 - 18 December 2024<\/h4>\n\n
\n
get_default_attributes<\/code> for WC 3.0+ compatibility.<\/li>\nWVSG_DEBUG<\/code> constant.<\/li>\n<\/ul>\n\n1.0.4 - 15 November 2024<\/h4>\n\n
\n
1.0.3 - 10 August 2024<\/h4>\n\n
\n
1.0.2 - 5 March 2024<\/h4>\n\n
\n
1.0.1 - 15 June 2023<\/h4>\n\n
\n
1.0.0 - 25 December 2022<\/h4>\n\n
\n