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 incolors to your customers.

Example

Steps

Create option and variants

Please follow these steps to createoptionand 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 Save to save theoptionset.
   

   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 'Maroon','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 on save and continue to save all the details.
    
12. To view the product on the Storefront, click View Product.