Hi, So I have looked at various threads which seemed to be relevant, but have not found a reply which does what I am looking to achieve. We have apparel on our store. Some of our items are unisex. However, some items are for men and some for women. When a customer clicks on the men’s collection an…

I suggest testing this in a duplicate theme first to prevent issues on your live site. Assuming your product images are now arranged with the male image as the 2nd image…in the snippet you provided, find this code… {% if product_grid_show_second_image and product.images.size > 1 %} {% include 'rim…

This is definitely possible. From looking at your source code I’m going to assume you have a snippet called product-grid-item or something similar. This is the snippet that holds the code for the product tiles on your collection pages. Inside that snippet, look for the figure element with a class of…

Hi, Thank you for your reply. We definitely do not want to do it using image alt text, as we have apps which automatically change the alt text for SEO. We do want to set it up so that the first (featured) image is the female image and the 2nd image on every product is the male image. Then, we wa…

Thank you. This seems to be functioning well. All we need to do now in make sure male and female images are in the right place on our unisex apparel and all will be well. Again I say to you: Thank you! This solution is much more straight-forward and easy to manage than what I saw on other thread…

Hi Kjdoingthings, I know this is an old thread but I would like to know if it is possible to apply this code only on specific products of the collection. For example some of my products are unisex and others are male/female only = Can I apply your code only to the Unisex one and if so how ? Thank…

Sure, here’s an edited version of what I wrote above. Basically you could tag those products with “unisex” and then check for that tag before applying the logic. {% if collection.url contains '/mens' and product.tags contains "unisex" %} {% include 'rimg', img: product.images[1].src, size: '512x'…

Thank you ! I’ll try it this week and get back to you.

I don’t seem to find the snippet you’re referring to. Here is a link to the website preview in case that helps (we’re not live yet) : https://eia7myb6vlpxpwo3-51900088472.shopifypreview.com Thank you so much for your help !

I would like to implement this code into my site as well, displaying Women’s photos and Men’s photos for my Unisex products based on who clicks. Can you tell me what file this original code is found in and I can replace with your edited code?

Where do we replace the code with this code? Under where? I am confused.

How can I set product images to change based on collection?

Technical Q&A

off-market_1 October 24, 2023, 7:18pm 12

Dear Kjdointhings,

In which file should the above code be placed? Thank you in advance!

Topic		Replies	Views
How can I display gender-specific product images based on collection? Technical Q&A	8	200	June 14, 2025
Unisex product - How to show different image when on Men or Women product list? Technical Q&A	7	154	August 24, 2022
Different Product Image Depending On Collection Store Design	3	44	June 28, 2022
I need to showcase two different versions of a product Technical Q&A customizations	14	110	February 18, 2026
Change Product Image Depending on Collection Shopify Discussion	2	128	June 14, 2025

How can I set product images to change based on collection?

Related topics