How to make color, size variants

To make the color size variants in product, follow the below steps:

  1. First create the color attribute with color picker product attribute.
  2. Create the size attribute with the help of checkboxes and add the sizes in checkboxes.
    size attribute
  3. Add these both attribute in respective category of product or make them global
  4. Go to the product and add variant of color, say red and select one size in one variant. this video tutorial will help to do so


  1. Repeat step 4, create variant with same color until all size variant is created
    NOTE: hex code of color should be same for one color

  2. Create variant with different color and select one size.

  3. Frontend will look like this