Customized Variant Selector with Image


Merchants with premium and enterprise plan can upload variant images with the customized variant selector. Besides the origin variant wording dropdown, the image selector allows customers to view variant images while picking products. It is suggested to upload color images or product detail pictures, making variation display clearer to customers.


Step 1.

In product edit page > Variations, turn on “Does this product come in multiple variations like size or color?” to “Yes”.

After variations name and variant options set, click the “Edit Image Selector” button that appears below. 


Step 2.

In “Edit Image Selector” pop-up, click the corresponding image box to upload the variant image.


Step 3.

After the image uploaded, the image box will show the thumbnail. Please click “save” after confirmation. If you want to change the image, please click the image box and upload again.


Step 4.

Tick “Show image selector on product detail page” to show variation thumbnail of products in shop.



The variant image will show as a thumbnail, replacing the original dropdown list. Each variation display can be set up independently, merchants can choose considering product type.


The following example is a product with two variations. There are several color choices for watch dial and watch strap. To show a different combination of colors, both variations display with the variant selector.


The second example is also a product with two variations. It displays variation color with variant images, keeping the dropdown list for selecting shoe size.


Please Note:

  1. Please upload images in JPG format. It is recommended to upload square-shaped image with image size 25 x 25 pixel. If the image uploaded is not in square shape, it will be cut automatically.


  1. If there is a new variant added while “Show image selector on product detail page” is ticked, the checkbox will be unticked, and show reminder to edit variant image selector .


    After ticking the checkbox again, the “Edit Image Selector” pop-up will show. The image for newly added variant can be uploaded.


  2. Images of variant can be uploaded separately, but only when each variant has the corresponding image, can “Show image selector on product detail page” be checked.

  3. Even if “Show image selector on product detail page” is untick, the images uploaded in pop-up will not be removed. If the checkbox is ticked again, the variant images uploaded last time will show.


Extend reading for product variations setting:

Upload Photos For Product Variations
Product Variations

Have more questions? Submit a request