Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I recently set up the Dwell version of the new Horizon theme. Everything is great, except I cannot get the Collections page to display the primary product image correctly, it is defaulting to the item's first variant image instead of the first product image.
Hello @Wutabumr
Thank you for sharing the details. This issue is likely due to how the theme is currently fetching the product image—it's prioritizing the first variant image instead of the main product image.
I can help fix this. If you can provide theme access, I’ll review the code and ensure that the primary product image always shows correctly on the collection page.
This is how "Product card"=> "Media" block is designed.
I guess this is done to support this funny transition to product page where the card image is kinda morphs into first product page gallery image.
Actually, it may be the same block used in product card and in product page.
Can probably change the code, but frankly I would not recommend it -- this will make theme updates difficult and for these themes which are just rolled out I feel it is a must.
What you can do is hide the "media" block, but instead add "image" block to "product card".
For the image block set the dynamic source to featured image and this will do it.
This will, however loose the "second image on hover" functionality and fancy transition, I guess.
Probably more complex is possible as well...