Show Different Product Image on Featured Collection - Prestige Theme

[Dylan_Propeller]

Hello,

I recently asked a question on the community but haven’t had any luck finding answers so I’ve thought of an alternative solution if anybody can help me!

Basically, right now my Prestige website has a featured collection on the homepage, it’s currently showing the default ‘featured product image’ first along with the second image [1] shown when the mouse has hovered over the product image.

I would like to change the index of the first image on the featured collection page if this is possible to the second image and the mouse-over/hover image index to be the third [2] product image.

I have figured out that I need to edit product-item.liquid somewhere in order to do this and I’ve tried editing the index numbers without getting any results, yet.

I’m really hoping someone can help me out with the right code/solution.

Thanks everyone

[oscprofessional]

@Dylan_Propeller ,

Can you share screenshot ?

[Dylan_Propeller]

@oscprofessional sure, thanks for the response!

https://the-skincare-edit-united-arab-emirates.myshopify.com/ password - hubuth

Screenshot showing default product image on the featured collection,

Screenshot showing the single product page (I’d like [1] to be featured on the featured collection and [2] to be featured when hovered over!

Hope that makes sense!

[oscprofessional]

@Dylan_Propeller ,

Make this image as first in product admin panel (main product image after that 2nd you want like)

& see the changes in home page!

[Dylan_Propeller]

@oscprofessional Thanks for your response.

I would like the images to remain the same on the single product page and the changes to only occur on the featured collection section on the homepage.

[Unfurl]

Hi! did you end up getting this resolved please? I would love to do the same thing!