How to provide option to choose size from radio button on product page?

Scenario

You want to create variants of a dress for women to provide various choices in sizes to your customers.

Example

Steps

Create option and variants

Please follow these steps to create option and variants for the product:

Creating Option Sets 

1. Go to Products > Option Sets section in StoreHippo Admin Panel.
2. Click on Add New.
3. Enter "My Option Set" in the Name fieldand click the Add Options button to add the options. 
   
4. Provide the name in the and display name in the respective fields.
5. Select "Swatch" in the Type field. 
   
6. Enter all the fields as described in Option Sets topic.
    

   Creating Options

7. Go to Products > Products section in the admin panel. In the add/edit products form, select the Options & Variants tab.
8. Choose the Option Set from the drop-down. You can import the selected option set or add your own set of options.
   
   

   Creating Variants

9. You can create variants to your product either manually or automatically. If you want to generate the variants manually, click on the Add New Variant Manually and enter all the basic details of variants like editing the SKU, weight, price, compare price, tag etc. for the variants. 
   Clicking on Automatically Generate Variants will automatically generate variants for you based on the options that you have created. 
   
10. Now, click on save to save all the details.
11. To view the product on the Storefront, click on the ellipsis button of the product and choose View Product from the drop-down.