Product Color Variant

Multiple colors of any product can be displayed as Product Color Variant. The images of available colours of any product can be displayed alongwith the image of a single colour of that particular product.


If any product is available in multiple colors, upload image of each and every color and add them as a seperate product.

Enable Product Color Option

These steps are to be followed only for a single time

  1. Select “Store Policies” from the left Menu
  2. Tick the checkbox "Show product color variants"
  3. Click “Save” at the bottom of the page

Add every color as a separate product

While adding color as a separate product, you have to mention Product Color Variant as below:

  1. Select "Products" option from left Menu
  2. Click on"Add Product"
  3. Enter Product details and scroll down till product color variant
  4. Color Name:

    Mention the color of the product in text format
  5. Color Code:

    Select a specific code for each color from the color picker
  6. Click"Save"at the bottom of the page

Display Product Color Variant

After every color has been added as a seperate product and product color option has been enabled, display every color as product color variant.

  1. Select “Products” option from the left Menu
  2. Click “Add Colour” for the product that has colour variants
  3. Add Product color variant from the drop down menu for available colors of that product
  4. Click "Save" and the product with available colours and their images will get displayed at your storefront.


While adding product color variant in step 3, add each and every color of a single product.

Did this answer your question?

On this page