- $USD
- English (United States)
- Hire an Expert
- Get Support
Also Sold on
Variation Swatches as Radio Buttons
Replace default dropdown fields on product variations with visually engaging swatches, including radio buttons with colors, images, and text labels.
- Show product variations as radio buttons
- Design radio buttons with colors, images, or text labels
- Map product attributes with radio button types
- Display dual color swatches
- Displa...
Details & Compatibility
Version
1.1.5
Last Update
August 18, 2026
Compatibility
WooCommerce version 2.6.0 or higher | Wordpress version 4.6 or higher
Support
12 months support from extendons
Whats Include
- 1-year extension updates
- 30-day money-back guarantee
$0.00
Customize this Plugin
CustomizeMain Feature
Variation Swatches for WooCommerce replaces standard dropdowns with clean, interactive swatches that blend naturally with your store theme. Display product options as color swatches, image thumbnails, or text labels for a more engaging shopping experience. Customers can instantly identify available variations and select the right option with ease. You can also generate and share a direct link to any specific product variation.
Product variations as radio buttons
Colors Radio Buttons
Images Radio Buttons
Text Labels Radio Buttons
Customize the Swatches
Dual Color Swatches
Display Product Variation Swatches as Radio Buttons
Variation swatches for WooCommerce simplify user navigation on the shop page. Swap the default dropdown selection for radio buttons and choose from different types of attribute swatches, such as images, colors, or text labels.
Make the Product Variation Image Stand Out
Highlight product variations using image radio buttons placed beneath the gallery images on the shop page. When users hover over or click on the buttons, they can preview the product variations instantly. This lets shoppers see exactly what they are picking without leaving the shop page.
Create Variation Swatches for Specific Products
Customize the swatches for specific products in the product settings. Add or remove the variation attribute and adjust the shape as needed. You can also customize the size of specific swatches for the product page. Product level settings take priority over general settings, giving you full control on a per listing basis.
Dual Color Variation Swatches
Showcase two colors in a single variation swatch to represent dual tone products accurately. With dual color variation swatches, assign two shades to one attribute instead of creating multiple swatches. This gives customers a clear and accurate view of multicolored product options right on the product page.
WooCommerce Variation Swatches for Out-of-Stock Products
Display multiple radio buttons for out of stock products as well. Hide, blur, or cross out variations that are out of stock to let customers know instantly if a product variation is not available.
Display Swatches Buttons for All or Selected Products
Display radio buttons on selective product variations, giving you full control over where swatches appear:
- All variable products
- All variable products except for X
- Specific variable products
Change the Shape and Size of radio buttons
Customize the shape and size of the radio buttons to match your store design. Choose between round and square buttons, and set the width and height according to your preference.
Generate Product Variations URL
Create a unique URL for each product variation and its attributes to share directly with customers. When clicked, the link takes customers straight to the selected variation without requiring them to choose options again, ensuring a faster and more seamless shopping experience.
Show All Attributes on the Shop Page
Enable customers to browse and select product variations such as size or color directly from the shop page. They can choose their preferred option and add items to the cart instantly, without opening individual product pages.
Update Product Variations Without Leaving the Cart
Give customers the flexibility to change product options such as size, color, or style directly from the cart page. Selections update instantly, creating a smoother and faster path to checkout. This keeps customers engaged and helps reduce cart abandonment.
Enable swatches border and tooltips
Customize the look of the radio buttons with a border, adjustable border radius, and tooltips. This lets you align radio buttons with your website appearance and makes product variations easier to understand at a glance.
Personalize Variation Swatches Images
Customize how product variation images are displayed, either by clicking on the image swatches or hovering over them, for a more tailored browsing experience.
Review & Rating
laurenstclair
December 13, 2026Great plugin, minor styling tweaks needed
The plugin works very well and the feature set is solid. I needed a small CSS adjustment to match my theme colors — nothing major, and support pointed me in the right direction quickly. Would recommend.
adeogunsanya
October 23, 2026Makes variable products look premium
The image radio buttons on my fashion products make the whole store feel premium. Customers can hover to preview variations without navigating away. Conversion rate has improved noticeably.
alexokonkwoshop
October 9, 2026Setup in minutes, looks professional
The documentation is clear and the plugin wizard makes configuration painless. No coding needed at all. My store looks significantly more polished since switching from dropdowns.
Frequently Asked Questions
-
30-day money back guarantee
-
Dedicated Support Team
-
Safe & Secure Free Update
-
Safe Customized Solutions