Change Product Image Depending on Collection

I’ve looked at related threads and can’t figure this out for my own site based on those.

I’d like a different image to display first depending on which collection is being viewed.

For example, I have shirts that fall in the regular and curvy collections. In ‘tops’ I want the first image to display in the collection (default), in ‘curvy tops’ I want the second image to display first.

I’m using the Prestige theme.

this looks useful

https://community.shopify.com/post/570499

if you are using variants, this looks nicer

https://sections.design/blogs/shopify/different-product-images-on-collections

i am trying to solve a similar issue, i want to show a different featured product image, depending on its collection, however my choice of featured image is in a variable position in the gallery, not always second position.

i think i’m going to make hundreds of 'if ’ statements in the theme code, and for each custom collection i will specify the replacement image URL for every product

not very elegant, i wonder if there is a better way?

Hey !

This app just came out : EZ Product Image By Collection

You can adapt your product image based on the collection, it’s very perfect for the use case you just shared.

In your case (e.g. showing image 1 in the “Tops” collection and image 2 in “Curvy Tops”), this app handles it seamlessly, even with themes like Prestige.

Let me know if you’d like help setting it up or if you have any questions!