Helpcenter +918010117117" [email protected]
B4,309-10 Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurgaon India
call to replace anchor tags contains '/admin' in href

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


You want to create variants of a shoulder for women to provide various choices incolors to your customers.



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.