Variant image change
With Elessi, you can show more than one product images with color, please follow this instruction.

Step 1: First one, you need to create a product.

Step 2: Click "Upload Image" to upload the images of this product

After upload image:

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

Enter Variant section:
  • Size: S > M > L.
  • Color: White > Purple > Blue.

Step 4: Click "Save"

Step 5: Copy the colors of Variant section:

Step 6: Click "Alt" on image > Paste color on "Image alt text" section corresponding to the image

Choose product.group_images template for the product > Press "Save" button.

Step 7: Click "View" product:

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

How to delete product?

Choose Product > Action > Delete selected product

[Private offer] Elessi Partner Plan

Don't have to be tech-savvy, you surely can create your powerful and eye-catching store with EComposer - Visual Landing Page Builder app - Our free Add-on for Elessi.
No more code headaches - FREE 100% lifetime (save your $150 annually) - delicate support.
Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Elessi+EComposer” to upgrade for FREE.
Copy link
On this page
Step 1: First one, you need to create a product.
Step 2: Click "Upload Image" to upload the images of this product
Step 3: Click "Add Variant" to add a variant for this product because this product comes in multiple versions, like different sizes or colors
Step 4: Click "Save"
Step 5: Copy the colors of Variant section:
Step 6: Click "Alt" on image > Paste color on "Image alt text" section corresponding to the image
Step 7: Click "View" product:
How to delete product?
[Private offer] Elessi Partner Plan