How to provide option to choose color in swatch on product page?

Scenario

You want to create variants of a shoulder for women to provide various choices in colors 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. Provide the Name as 'My Option set' and click on Add Options to add options.
   
   
4. Enter Name as 'Color' and Display name as 'Color'.
5. Select Type as 'Swatch' from the drop-down. 
   
6. Click on Submit to save the option set.
   
   

   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 'My Option set' from the drop-down.
9. Add Options as 'Color' and Values as 'Red','White','Black',and 'Blue'.
   
   

   Creating Variants

10. Now click on Automatically Generate Variants to create the variants of the product automatically. You can also opt to add variants manually.
    
11. Now, click onSubmit to save all the details.
    
12. To view the product on the Storefront, click View Product.