Image Hover on Product page

[Kamiel]

He there,

If already learned so much on this forum.

But I can't find a way to make a hover on my Product page with my first and second image. Is there a way similar as the hover on the Collection page? This will really help me out because the images are specifically shot for a hover.

I use Dawn 2.0 theme

This is my website link: https://blom-blom.myshopify.com/

ww: fraish

Thank you.

[Marty]

Hi, @Kamiel.

Thanks for your message, I would be happy to offer you a suggestion for this. The easiest way to do this sort of effect without manipulating any coding yourself would be to utilize a third-party app. There are quite a few available on our app store, here is a couple you might want to check out:

- Second Image On Hover

- Hover Image Slider

Alternatively, you may be able to do this with coding, however, I always suggested using a solution like an app to deter any potential issues when customizing code. 

I hope this idea helps you out moving forward, please feel free to reach back out here if you have any questions! 

[Kamiel]

He @Marty,

Thank you so much for your quick answer. 

I'm really looking for a solution without using any apps (monthly costs). I found most code to build my website already here on this forum. So Im hope that someone can help me here with this.

Thanks!

[Marty]

Hi, @Kamiel.

Just a note, that the option I showed you "Hover Image Slider" is a free app option! However, I can totally understand where you are coming from, however. 

Good luck and thanks again for reaching out!

[Kamiel]

Is there anybody who can help me out here with some code to changes this?

I tried the apps as a test but they don't have the option to do the same hover as on the collection pages.

See the example on my original website, what I would like to create.

https://blomandblom.com/product/iron-nautilus/ 

Many thanks!