Add an Image to Product Varient

Add an Image to Product Varient

It is possible to associate an image with each product variant.
You have two situations:

- You've already created your variants
- You have not yet created your variants

Note: you can only assign images to your variants that are shown in the slideshow in the "Images" section of the product page. If you have not yet added an image to your product page, refer to our dedicated online help


1. Add an Image to an Existing Variant

1. In the menu Product, click "All products " 
2. Select the product you want to edit
3. In the "Variants" section, click on the image icon to add an image to this variant 
4. Select an image.
 



2. Add an Image to a New Variant

To find out how to create a new variant, refer to this online help


3. Display and Location of Variant Images

The order of your variants will affect the rendering (client side) of your product page.
Indeed when your clients open your product page, they will systematically land on the first variant and therefore the image displayed will be the one of that variant. 
For exemple: if you added the image #4 of your slideshow to your variant #1, when the clients open the product page they will land on variant #1 and image #4.

Organize the images of your variants well so that they correspond to the order of your images in your slideshow or vice versa for a better user experience


If you have added images to the variants, the image of the variant selected will be displayed the Cart and Checkout. On the other pages, the thumbnail will be displayed. 
For more information, click here
    • Related Articles

    • Add an Image to a Product

      You can add one or more pictures to each of your products. 1. In the menu Products, click on "All products"   2. Select the product you want to add an image to.  Once on the product page, you will find an image section. You can drop or upload an ...
    • Add or Edit Tags on your Products

      It is possible to add tags to your products. Tags allow for easy access to your products. They will be used in: Your back office: the search engine of the menu Products > All products Front side: in the Search section of your app They also allow you ...
    • Add a New Product

      You can add and manage your products from the Products menu in your back office. 1. Go to the menu Products > Add   2. Add a title and a short description of your product. 3. Add one or more images to illustrate your product  4. Define the ...
    • Product Variants Management

      You can add variants to your product if it comes in several options. You may offer your customers several options for the same product. For example, in the case of a clothing store, you will certainly be led to offer products in several sizes or ...
    • Product Images - Tips

      You will find below information regarding the images you wish to add to your products. - Maximun weight: 4Mo - No size restrictions - Recommended format: JPEG Warning: if you're adding multiple images to a product, the dimensions of the first image ...