Debut Theme - Second Image on Hover

Code snippet for the Debut theme that displays a second product image when hovered. Offers animations and much more features.

This product has been updated! Please click here to view the latest version:


Show a second image when hovering over your collection items.

Super simple code snippet to quickly copy and paste into your Debut theme. No wasted time, no headaches. Coded by a certified Shopify partner.

Live Demo:

One image is worth a thousand words, but one live preview's worthiness is beyond evaluation! So check this code snippet working live clicking here

→ Live Demo ←

What you'll get:

This code snippet creates extra options at the customize page of your theme.

Below, whichever options have (customizable) are options that you'll be to enable, disable and/or customize in some way.

Here are all the current features:

✔️ Choose whether you want to show the second or last image on hover (customizable)

✔️ Subtle animation on hover (customizable - you can turn it on/off and also customize the delay of the transition)

✔️ Automatically fix aspect ratio (customizable - if the second image is larger/wider than the first one, it will automatically stretch it to make it look good)

✔️ Works with the "you may also like" section

✔️ Life time free updates

✔️ Life time free bug fixes

✔️ Constantly maintained and improved


Installation takes less than 1 minute!

You just need to copy and paste the files that come in this product in your theme.

Detailed instructions can be found here.


We give 100% support to all of its users to ensure that what you're seeing on the demo page is exactly what you see on your website, same day responses are guaranteed.

If you have any questions, troubles or find bugs just reach out to me:

Important Notes:

✔️ This code works exclusively on the Debut theme

Unsure whether it would work on your theme? Send us an email and we'll be more than happy to help you figure it out.


Q: My collection items are already customized. Can I integrate this code snippet into it since I can't delete everything in the product-card-grid?

A: Absolutely. We offer custom integration for $40 USD.

Q: What is included in the support?

A: We ensure that whatever you see in the demo page is what appears on your own website. In addition, any bugs you find will be promptly investigated and fixed.

Q: Do you offer refunds?

A: Taking into consideration that it's a digital product with a live demo we do not offer refunds.

If you have any unanswered questions please feel free to reach out to us before making your purchase, we'll be happy to help.

Thank you!

More Details Try Demo

0.01MB ZIP Download

USD 15.00

Question? Contact Us