WooCommerce Variation Swatches replaces boring variation dropdowns with engaging color, image, and label swatc...
Free
300k+ installs 4.8★ (919)
Product Variations Swatches for WooCommerce
Showcase variations and impress your customers with beautiful swatches such as color, button, image, and more.
The facts
- Rating
- 4.7★ from 76
- Active installs
- 10k+
- Price
- Free
- Last updated
- 25 Aug 2026
- Added
- Apr 2020
- Requires WP
- 5.0
- Tested up to
- WP 7.1
- Requires PHP
- 7.4
- Downloads
- 463,345
Our analysis
AI-assistedProduct Variations Swatches for WooCommerce is a WordPress plugin designed to enhance the display of variable products in WooCommerce by converting dropdowns into visual swatches. It allows users to select product attributes such as colours, images, and buttons, making it easier for customers to find the products they want visually.
The plugin offers customisation options for global and custom attributes, including different display styles and types. It is suitable for WooCommerce users looking to improve the shopping experience on their online stores by providing a more interactive way to view product variations.
Best for: This plugin suits WooCommerce store owners who want to enhance product variation displays.
What it does well
- ✓Converts dropdowns to visual swatches
- ✓Customisable display styles and types
- ✓User-friendly interface
- ✓Mobile-friendly design
- ✓Allows editing of global attribute terms
Where it falls short
- •Limited to features available in the free version
- •No information on specific limitations or known issues
Verdict
Product Variations Swatches for WooCommerce provides a straightforward way to improve product visibility and selection. It is a useful tool for those looking to enhance their eCommerce site's user experience.
From the developer
VillaTheme's own description of Product Variations Swatches for WooCommerce, lightly tidied.
Product Variations Swatches for WooCommerce is a professional plugin that allows you to show and select attributes for variation products. The plugin displays variation select options of the products under colors, buttons, images, variation images, radio so it helps the customers observe the products they need more visually, save time to find the wanted products than dropdown type for variations of a variable product.
Important Notice:
-
Plugin works based on WooCommerce 7.x or higher, PHP 7.0+
-
It is released on WordPress.org and you can use plugin as free to build themes for sale.
Features
► Converting any variations dropdown type into swatches with a couple of clicks:
When you activate WooCommerce Product Variations Swatches plugin, the variation products in the dropdown type will be converted into the variation swatches.
► Customizing the global attributes and custom attributes in the plugin setting:
This plugin allows you to customize quickly all existing global attributes in WooCommerce through the swatches setting of this plugin.
-
Search attribute: You can use the search bar to search for an existing global attribute
-
Display Style: You can set to display global attributes in 2 styles: Horizontal or vertical
-
Display Type: You can set to display global attributes in 5 types: Button, Color, Image, Variation Image, Radio
-
Swatches profile: You can select to show one of the available swatches profile
-
Edit terms of the global attributes: You can customize each attribute term of an existing global attribute
► Swatches profiles:
WooCommerce Product Variations Swatches plugin allows you to design and style for swatches profiles.
-
Customizing a swatches profile: You can customize to display a default swatch design pattern: Name, Padding, Height, Width, Font size, the size on mobile mode, on the product list, Color, Box-shadow effect
-
Styling Hover status: You can customize the hover status including Color, Background, Border, Box-shadow effect, Reduce size
-
Styling Selected status: You can customize the display status when a variation swatch is selected. The customization includes Color, Background, Border, Box-shadow effect, Reduce size
-
Customizing Tooltip: You can customize the tooltip status when a variation swatch is selected. including Color, Border, Font size and Positions of the tooltip
► Works on mobile: WooCommerce product variations swatches work perfectly on mobile devices
► Easy to use: Friendly interface and easy to use
Pro version:
► All features from free version
► Unlimited Swatches profiles: You also can duplicate the current swatches profile to generate rapidly many swatch design patterns
► Show the particular attributes on product list: this allows you to show/hide a particular attribute on the product list
Tagged as
topic
eCommerce & Online Store
Variation Swatches
Variations
Variation
Color
Colors
Products
Product
Customer
platform
WooCommerce
audience
Beginners
quality
Ease of Use
Alternatives
Other plugins for product customisation.
Add options (addons) to your WooCommerce products so your customers can personalize their products. Product fo...
Free
50k+ installs 4.8★ (282)
Variation Swatches for WooCommerce replaces dropdowns with color, image & size swatches, helping shoppers...
Free
200k+ installs 4.6★ (47)
WooCommerce Product Addons Add custom fields to your WooCommerce product page. With an easy-to-use Custom Form...
Free
30k+ installs 4.9★ (466)
WooCommerce Extra Product Options plugin lets you add product addons (custom products field) of 20 different f...
Free
30k+ installs 4.9★ (218)
WCBoost
86WCBoost – Variation Swatches is the ultimate plugin to display WooCommerce product variations in style.
Free
50k+ installs 4.8★ (5)