Variation Swatches for WooCommerce

What is Variation Swatches for WooCommerce?

Variation Swatches for WooCommerce replaces the default dropdown select fields on variable product pages with visual color, image, and label swatches. Developed by RadiusTheme, this plugin has been available for 8 years and currently holds 10K+ active installs. Its rating stands at 4.7 out of 5 stars from 55 reviews, with 91% of those ratings being five-star. The plugin converts standard WooCommerce attribute selectors into clickable swatches that show actual product colors, uploaded images, or text labels.

This tool addresses a common friction point in WooCommerce stores: customers often miss dropdown menus or find them difficult to use on mobile devices. By turning these fields into visible swatches, the plugin helps shoppers see their options at a glance. The current version is 2.3.23, last updated on Jun 7, 2026. It requires WordPress 4.8+ and PHP 7.4+, making it accessible for most modern WordPress installations.

Key Features of Variation Swatches for WooCommerce

• Attribute Type Conversion – Changes product attributes into four types: Color, Image, Button/Label, and Radio. Each type displays differently based on your product needs.
• Customizable Swatch Shapes – Choose between rounded or squared swatch shapes to match your site design. Border color and background image options are also available.
• Tooltip Support – Hover tooltips appear on product detail pages and category pages, showing attribute names or descriptions when customers mouse over a swatch.
• Quick View Compatibility – Swatches display correctly inside Quick View modals, so customers can select variations without leaving the product listing page.
• Image Size Control – Set specific image dimensions for swatch thumbnails, ensuring consistent display across your product catalog.
• Font and Label Customization – Adjust font color and size for label-type swatches, giving you control over text appearance within each swatch button.
• Lightweight Performance – The plugin is optimized to avoid slowing down page loads, even when multiple variable products appear on a single page.
• MultiSite Support – Works across WordPress MultiSite networks, allowing consistent swatch behavior across all sites in your network.

Who Should Use Variation Swatches for WooCommerce?

This plugin suits store owners who sell variable products with visual attributes like clothing colors, furniture finishes, or product sizes. Beginners can install it through the WordPress dashboard by searching for “WooCommerce variation Swatches by RadiusTheme.” The setup requires configuring product attributes under WooCommerce > Settings > Product Swatches, which is straightforward for users familiar with standard WooCommerce attribute management.

The plugin works with most popular WooCommerce themes, though some CSS adjustments may be needed for full compatibility. With 10K+ active users and a 4.7 rating, it serves both small shops and larger stores that need reliable variation display. Stores using variable products with color, image, or label attributes will benefit most from this conversion of dropdowns into visual swatches.

Installation & Setup

Install the plugin via the WordPress dashboard by navigating to Plugins > Add New and searching for “WooCommerce variation Swatches by RadiusTheme.” After activation, go to WooCommerce > Settings > Product Swatches to configure global defaults. For individual attributes, edit existing attributes under Products > Attributes and change the Type selector from “Select” to Color, Image, or Button/Label.

Support & Community

Support data from the last 2 months shows 0 open threads and 0 resolved threads, indicating a 0% resolution rate during that period. The rating breakdown reveals 91% 7% one-star ratings, suggesting most users find the plugin functional while a minority encounter issues. The plugin has been maintained for 8 years with regular updates, the most recent being Jun 7, 2026. Users seeking help should check the plugin’s FAQ section, which covers common configuration steps like attribute setup and Quick View compatibility.