Description
Variation Swatches and Gallery for WooCommerce is the ultimate solution for enhancing your store’s User Experience (UX). It transforms standard variable product dropdowns into professional Color, Image, Button, and Radio swatches.
Beyond just swatches, this plugin includes a Variation Image Gallery, allowing you to display multiple images for each specific variation—a feature usually only found in paid plugins!
Why use this plugin?
Standard WooCommerce dropdowns require too many clicks. With this plugin, customers can see all available colors, patterns, and sizes at a glance, leading to faster purchasing decisions and higher sales.
Core Features
- 4 Custom Swatch Types: Choose from Color, Image, Button, and Radio types.
- Variation Image Gallery: Support for unlimited gallery images per variation.
- Automated Defaults: Set Button or Image swatches as the default global display.
- Smart Stock Handling: Blur, cross out, or hide out-of-stock variations to prevent customer frustration.
- Customizable Shapes: Choose between Circle, Rounded, or Square swatch styles.
- Tooltips: Enable sleek tooltips (Top/Bottom) to show attribute labels on hover.
- Performance Ready: Includes Custom Ajax Variation Threshold for high-performance on stores with many variations.
- Layout Control: Choose between Inline or Block display styles to match your theme.
- Clear Selection: Add a “Clear” button to reset selected variations with one click.
Premium Features
Upgrade to the Premium Package to unlock advanced shop management and styling tools:
- Archive/Shop Page Swatches: Let customers select variations directly from the shop or category pages.
- Per-Product Settings: Override global settings for specific individual products.
- Advanced Styling: Complete control over Normal, Hover, and Selected states (Colors, Borders, Shadows).
- Advanced Tooltips: Support for Image tooltips or Text tooltips for attribute terms.
- Tooltip Styling: Match your brand colors perfectly with a custom tooltip styler.
Screenshots
Installation
From WordPress Dashboard
- Go to Plugins > Add New.
- Search for Variation Swatches and Gallery for WooCommerce.
- Click Install Now and then Activate.
Manual Installation
- Download the ZIP file from the WordPress plugin repository.
- Upload the
variation-swatches-and-galleryfolder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
FAQ
-
Why are my products still showing dropdowns?
-
You need to configure the attribute types. Go to Products > Attributes, edit your attribute (e.g., Color), and change the “Type” from Select to Color or Image. Then, edit the individual terms to assign colors or images.
-
Is it compatible with my theme?
-
Yes! It is designed to be compatible with any standard WooCommerce theme. If you encounter a layout conflict, our support team is ready to help.
-
Does it support Quick View?
-
Yes, the swatches and gallery logic are compatible with most WooCommerce Quick View extensions.
-
Can I show swatches on the Shop page?
-
The Free version enables swatches on the Single Product page. To show swatches on the Archive/Shop page, please check out our Premium version.
Reviews
Contributors & Developers
“Variation Swatches and Gallery for WooCommerce” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Variation Swatches and Gallery for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.6 – 28 January 2025
- SDK Update and performance optimizations.
1.0.5 – 18 December 2024
- Fixed: Replaced deprecated methods with
get_default_attributesfor WC 3.0+ compatibility. - Fixed: Added safety check for
WVSG_DEBUGconstant.
1.0.0 – 25 December 2022
- Initial release.









