How can I display different variant images on my product page?

Hey, I’m just curious, if there is a way to do something like this. When I oped my product page, first image that shows up is the image of the first variant. Is there is way to show different image, not image of the first variant? Or to set it up like this:images of the variants will only show up when you choose vari

My website is www.luxur-looks.myshopify.com.

Your store is password protected so please provide a password.

Hi @noapaxx

Can you kindly share your store password with us? We will check it and suggest you a solution.

Removed it.

Hey, @BSS-Commerce .

Already removed the password.

Hi @noapaxx

We’re not sure that we’ve understood what you mean, so we’ll split it into two cases:

  1. If you want to change the image on the all product pages, you can change the media order of each product, and drag your image into the frame with the largest size.

You will see that the selected image has been displayed replacing the original image

  1. If you want to display an image different from the first variant’s image on the product detail page, we advise you not to do this. Default Shopify will focus on the first variant so the user can identify which of the product variants is the first variant. If you change this, users won’t know which variant is the correct image or may be mistaken for other images. Usually, in most other sites, it is necessary to display the image of the first variant. If a variant is not selected when the web page is loaded, the image, price, and quantity of that variant will not be displayed. The “Add to cart” or “Buy Now” buttons will not be enabled since no specific products are selected. This will be quite annoying for the client so we recommend you should not do that.

I hope that this can help you.

1 Like