CATEGORY
StoreHippo Forums +918010117117 https://cdn1.storehippo.com/s/576d30f909102db44c9e6e65/ms.settings/5256837ccc4abf1d39000001/541bb4ab3fb3a1105c805281-480x480.png" sales@storehippo.com http://facebook.comhttp://twitter.comhttp://linkedin.comhttp://google.com
B4, 309-10, Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurugram India

How to provide an option to choose color in swatch on the product page in the StoreHippo ecommerce platform?

userimage
StoreHippo expert

In the StoreHippo ecommerce platform, you can provide an option to choose color in swatch on the product page just by creating Option and Variants. 

First, you need to create the Option sets. To create the option sets, follow the steps mentioned below:

  • Go to “Products” - > “Option Sets” section in the StoreHippo Admin Panel. 
  • Click the “Add New” button.
  • In the “Name” field, enter “My Option set” and click on the “Add Options” button to add options.
  • Enter “Color ” in the option name and display name field.
  • Select Type as “Swatch” from the drop-down.
  • Click the “Save” button to save the option sets.

After you have created the Option Sets, you need to create the Options. To create the Options, follow these steps:

  • Go to Products - > Products section. 
  • Proceed to add/edit products and go to the Options & Variants tab. 
  • Enter the option name as “Color” and color values in the “Values” field.
  • In the “Option Set” field, choose the option set that you have created.

Finally, you need to create the Variants. To create the Variants, follow the steps mentioned below:

  • Click the “Automatically Generate Variants” button to create the variants of the product automatically.
  • Once the variants have been created, edit the variant and provide different product images as per the color.
  • At last, click the “Save & Continue” button to save the changes.

Now, go to the product page of your e-commerce store to view if the option to choose color in swatch has been created.


Oct 15, 2020 8:01:23 PM

Reply

User Name: Email:
Post Post