Hello Elementor

Radio Button Variation

How To Create Radio Variation Swatches For Globally Created Attributes


Access Products >> Attributes. All existing global attributes are listed in the attribute list page section. Our plugin adds Type field. By default it would show Select under Type title.

As our Plugin comes with 4 attribute types: Color, Image, Button and Radio. You can set any of attribute type for your desired attribute.

For demonstration purpose, Size attribute has been created. We’ll add Radio attribute type for Size attribute.

To set Radio attribute type to Image attribute, click on Edit.

After selecting edit link, it will open attribute editing panel. Select Radio Type from the type dropdown.

When attribute type selection is completed, get back to the attribute list page. The Attribute list would look like the following image. Now Size Attribute is showing Radio type instead of default Select type.

After selecting attribute type, the frontend of the product would look like the following screenshot. Don’t be panic, if you find your attribute variations weird. It happens because you haven’t set any image for variations yet.

Video Demo


CONTENTS