Replace dropdown fields on product variations with the WooCommerce variation swatches plugin.

Boost your store conversions by displaying product variations as radio buttons, images, colors, and labels. By using the Variation swatches as radio button, you can turn product variations into captivating swatches that suit your theme well.

Display radio buttons in form of text labels, images, or colors instead of the default normal select dropdowns. Simplify user experience and eliminate any confusion about the availability of a product with its required attributes.

Variation swatches for WooCommerce plugin offer color, image, or text radio buttons not only on the product page but also in quick product view. Providing a simplified and streamlined experience to your customers.

Hide the radio buttons for out-of-stock production variations, cross them out, or blur them with WooCommerce product variation swatches. You can show radio buttons on all variable products or selected ones. In addition, you can customize the radio button shape, tooltip, and border.

Features

• Show product variations as radio buttons
• Design radio buttons with colors, images, or text labels
• Highlight product images or radio buttons
• Change product images when users click or hover
• Hide, blur, or cross out variations that are out of stock
• Add radio buttons to all or selected variable products
• Change radio button shapes and sizes
• Enable tooltips and borders
• Map product attributes with radio button types

Show Product Variation Swatches as Radio Buttons 

Display variation swatches as radio buttons on the shop page to simplify user navigation. You can add different types of attribute swatches such as images, colors, or text labels instead of the default dropdown selection.

Variation Swatches as Color, Images, or Text Labels

The WooCommerce variation swatches plugin allows you to display product variations in any of the three radio button types: color, image, and text label. For example, you can use color swatches to represent the different colors of a t-shirt and radio buttons with text labels to represent sizes.

Highlight Product Variation Image

This plugin enables you to highlight product variations in the form of images. You can place image radio buttons beneath gallery images on the shop page and users can preview product variations when they hover over or click on the buttons. Allow users to quickly preview product variations swatches without leaving the shop page.

Customization of the Image Radio Button

WooCommerce variation swatches and photos plugin lets you customize the image radio button. You can choose to display product variation images by clicking on image swatches or hovering on them depending on your store theme and outlook. This adds an extra flare and appeals to product variations.

Radio Buttons for Out-of-Stock Products

With the WooCommerce variations as radio buttons plugin, you can also display multiple radio buttons for out-of-stock products. Let your customers know if a product variation is not available and hide, blur, or cross out variations that are out of stock.

Show Radio buttons for all or selected products 

Increase store engagement with the variation swatches for WooCommerce plugin. You can choose to display radio buttons on selective product variations. Whether you want to add radio buttons to all products or selected variations.

Moreover, you can choose the type of variation swatches as radio buttons for each product variation depending on the product. This plugin lets you display woo variations swatches as radio buttons on all or specific variable products based on the following options:

• All variable products
• All variable products except for X
• Specific variable products

Change radio button shapes and sizes

It gives you the freedom to customize the shape and size of the radio buttons. You can either choose round or square button swatches. Moreover, you can change the size of these radio buttons by entering the width and height. This way you can create radio button swatches that complement your website design.

Round Shape

Square Shape

Add button border and enable tooltips

The WooCommerce color swatches plugin allows you to add a border or change the border radius of the swatches. You can change the radius of the radio buttons to match your website appearance. You can also enable tooltips for product variations with the WooCommerce attribute swatches. Display tooltips and help your customers understand the purpose and nature of each product variation.

Replace Dropdown Selection with Multiple Swatches.

Replace the default dropdown selection for product variations and replace it with a more interactive and user-friendly display option with the WooCommerce variations as radio buttons plugin. Display product variations in the form of swatches images, text, or color swatches and highlight your product variations in a more effective manner.

Benefits of Using the WooCommerce variations as radio buttons Plugin

• Boosts conversions by displaying product varieties in limited space
• Improves the user experience (UX) as customers can easily choose their preferred variations
• Increases user engagement with interactive radio buttons for variations

Requirements

Minimum PHP version: 5.2

Display variations as visual dropdown buttons instead of default select box using Variations as a Radio Buttons for WooCommerce.