Variation Swatches for WooCommerce Pro by RadiusTheme is a specialized plugin designed to transform the clunky default dropdown menus of your product variations into sleek, clickable icons (swatches).1
By 2026, it remains one of the most cost-effective and lightweight options for store owners who want a professional "Amazon-style" selection experience.
While the free version handles basic color bubbles, the Pro version adds the critical conversion tools:
Swatches on Archive/Shop Pages: Allow customers to select variations and "Add to Cart" directly from the catalog page without clicking into the product.
Dual Color Swatches: Perfect for items with two-tone designs (e.g., a shirt that is Black/White).2
Automated Image Swatches: Automatically uses the variation's featured image as the swatch icon, saving you from manual uploads.3
Out-of-Stock Management: Choose whether to Hide, Blur, or Cross-out (X) variations that are currently unavailable.4
Advanced Tooltips: Show larger image previews or custom text descriptions when a user hovers over a swatch.5
Performance Optimization: Features built-in caching and optimized CSS to ensure your page load speed isn't affected.6
RadiusTheme is known for being more affordable than competitors like IconicWP or official WooCommerce extensions.
License Type
Annual Price
Lifetime Price
Single Site
~$39 / year
~$119 / one-time
5 Sites
~$119 / year
~$174 / one-time
Unlimited Sites
~$199 / year
~$199 / one-time (Special LTD)
Note: RadiusTheme often bundles this with their Variation Gallery Pro plugin for an additional discount.
Installation: Install the Free version from WordPress.org, then upload the Pro .zip file and enter your license key.
Global Attributes: Go to Products > Attributes. 7When adding a new attribute (like "Color"), select the Type (Color, Image, or Label).8
Configuring Terms: Click "Configure Terms" to assign specific colors or upload images for each value (e.g., Red, Blue, Large).9
Individual Overrides: If one specific product needs different swatch sizes or styles, you can override the global settings directly in the Product Data > Product Swatches tab.10
Value for Money: It offers roughly the same feature set as more expensive competitors for about 40% less.
Compatibility: It is highly compatible with the Elementor and Gutenberg builders, and works seamlessly with popular themes like Flatsome and Astra.
Mobile Friendly: The swatches are touch-optimized, providing a much better mobile shopping experience than standard dropdowns.
RadiusTheme: Better UI for settings and slightly more affordable lifetime deals.
Emran Ahmed: More "famous" (1M+ installs), but the Pro version is significantly more expensive (~$49/year).
Would you like me to help you set up a "Dual Color" swatch for a specific product, or do you need a guide on how to show these swatches on your Shop page specifically?
Subscribe to access unlimited downloads of themes, videos, graphics, plugins, and more premium assets for your creative needs.
Published:
Jan 06, 2026 17:37 PM
Version:
v2.2.3
Category:
Author:
OtherLicense:
GPL v2 or LaterTags: