Personalized checkout and custom promotions with Shopify Scripts
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.
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:
Please, get back to me when you can with the request information! I'll keep my eyes peeled for your reply!
Imogen | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
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.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024