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

Horizon/Dwell Collection Page showing variant image as primary product image

Horizon/Dwell Collection Page showing variant image as primary product image

Wutabumr
Visitor
1 0 1

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.

Replies 3 (3)

suyash1
Shopify Partner
11112 1367 1751

@Wutabumr that might be coded to show variant image instead of primary image, if you can accept me as collab then I can check the code

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

devcoders
Shopify Partner
1654 190 520

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.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

tim
Shopify Partner
4812 598 1733

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.

 

Screenshot 2025-06-22 at 2.41.05 PM.png

 

Probably more complex is possible as well...

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com