Show Different Product Image on Featured Collection - Prestige Theme

Dylan_Propeller
Excursionist
17 0 2

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  

0 Likes

@Dylan_Propeller ,

Can you share screenshot ?

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Dylan_Propeller
Excursionist
17 0 2

@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,

Dylan_Propeller_0-1632313460399.png

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!

Dylan_Propeller_1-1632313558066.png

Hope that makes sense!

 

0 Likes

@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!

oscprofessional_0-1632316452013.png

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Dylan_Propeller
Excursionist
17 0 2

@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. 

0 Likes