Variant Color Changes

407 views September 14, 2019 hyun-dung 1

With Basel, you can showing more than one product images with color, please follow this instruction.

Step 1. The first you need creat a product:

Step 2. Click “Upload Image” to upload the images of this product:

Step 3. Click “Add Variant” to add variant for this product because this product comes in multiple versions, like different sizes or colors:

Enter Size & Color for Variant section:

+ Size: S -> M -> L.

+ Color: Red -> Blue.

Step 4. Click “Save” >> Copy the colors of Variant section:

Step 5. Click “Alt” on image >> Paste color on “Image alt text” section corresponding to the image:

Step 6. Click “View” product:

Result: When you select a color, the image will display similar with that color.

Was this helpful?