How to achieve a second image hover effect in Debut theme?

Technical Q&A
1

Hello!

I am using the Debut theme, I want a second image on hover effect on my homepage, but not the product image, I want to make a section with a collection of something and have an image there that when you hover over it, it shows another one.

Thank you very much!

2

Hi, @Lovasa

In case you’re unable to find a solution, this can potentially help you out. It’s a copy/paste code snippet that adds the second image on hover with customization options. Just thought I’d let you know of this possibility.

Wishing you all the best!

Kind regards,
Diego

3

Hey! Thank you very much for the reply!

I have seen other solutions ( and a bunch of free ones ) similar to what you’ve shown me, but I do need a way to make second image on hover on any image on my store, not just for the products themselves.

But thank you again for your kindness!

4

@Lovasa

No problems, I’m happy to take a look. What is your website’s URL?

5

Hey! I have solved my issue!

I am using PageFly, they have an option on adding custom HTML/Liquid code, I just added this type of element in place of the image holder, and used this code:

Then, I just replaced the images URLs with mines and resized them to fit properly and now it works like a charm, thank you very much!

1 Like