How can I change my products featured image that shows on the collection page?
currently it is showing the image of the first variant but I want to show the first image that is loaded for that item on the product page.
This is for Dawn theme.
Topic summary
Main issue: On the Dawn theme, the collection page is showing a variant image instead of the product’s featured image (the first/primary product image). Desired behavior: show the product’s featured image on collection/product display.
Clarification: Collection pages are intended to show the product’s featured image; product pages default to the first variant’s image. Store link and screenshots were requested to verify behavior.
Proposed fix (code): Edit /sections/main-product.liquid
- Change featured media assignment: product.selected_or_first_available_variant.featured_media → product.featured_media
- Update the “unless” check: media.id == product.selected_or_first_available_variant.featured_media.id → media.id == product.featured_media.id
This makes the product page default to the product’s featured image rather than the first variant’s image. Code changes are central.
Open questions:
- Compatibility with Dawn v11.0 not confirmed.
- Variant images no longer all visible on the product page in Dawn; they only show when a variant is selected. No solution provided yet.
Resource: A YouTube tutorial link was shared to achieve the change.
Status: Ongoing; awaiting store details, confirmation of version compatibility, and guidance on restoring visible variant images.
Hey there, @shopitech . Thanks for bringing your question here to the Shopify Community! It’s awesome to meet you, and I hope you’re having a good day so far!
To be clear, when on the collection page, the featured image for the product is meant to be showing. Once clicked, the image that will show on the product page will be the image for the first variant. I believe that you’re saying that you’re seeing the Variant Image on the collection page, is this correct?
I’m really interested in seeing what we can do for you here so please provide me with the following info at your earliest convenience:
- Can you please provide us with a link to your shop? I’d like to be able to see this example in real time.
- If possible, screenshots would be helpful for us here, too!
Please, get back to me when you can with the request information! I’ll keep my eyes peeled for your reply!
You have to make changes . Edit code of DAWN theme and make changes to /sections/main-product.liquid file Line# 59 and 66
line 59
{%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
To
{%- assign featured_media = product.featured_media -%}
line : 66
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
To
{%- unless media.id == product.featured_media.id -%}
Hi - Will this work on Dawn v11.0? I just switched from Shopify 1.0 theme to Dawn 2.0 in October. But now the version of Dawn that is showing on my dashboard is Dawn 11.0.
I would like to make the same changes.
Hi again - I have a follow up question to this. All of my products have 3-4 variants, and some have 30 variants. Now that I am on the Dawn theme, all of my variant images have disappeared on the product page and only appear if you select the variant from the variant picker. How can I get those variant images to appear again? I don’t like that they’re hidden unless selected from the picker.
Please refer to the below video to achieve this.
