Hi, would really appreciate some help with this – been trying to follow some threads on this topic but to no avail. I would like to have the second image of each product revealed on hover. Am using Debut theme. Thanks very much! My site is www.curiouslah.com

@iamcurious Thanks for update code also, please add the below code. Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .grid-view-item__title { margin-top: 20px; } .grid-view-item__vendor, .price__vendor { display: none; }

@camilaorozcom Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

Hello, My website is www.susolesw.com

Hi There, I have the Debut Theme, where do I add this code to please I dont seem to have theme.scss.liquid or the alternatives mentioned on the other thread. Thanks

@JessBo can you please send store url @camilaorozcom i have check this customization On product hover or let me know DM

Hi there Yes it’s studiobhomeware.com

Hi There My website is www.studiobhomeware.com I have also tried to use the coding in the embedded link above and this just ended up with two images been shown one over another rather than a hoover Thanks

@JessBo if you are able to code try above code and let me know it done customization codde

Thanks you. Which coding should I be following there’s a few linked above and I am not entirely sure I follow which one you are referring to? Some links say to update the theme and product coding and some just suggest the Theme. Please note my store does not have theme.scss.liquid so do I use them…

@JessBo https://www.huratips.com/tech-tips/how-to-make-product-image-change-when-mouse-over-in-shopify.html

Reveal second image on hover - Debut theme

Store Design

KetanKumar July 27, 2022, 8:15pm 114

@JessBo Thanks, If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by or Send DM

Product hover

Topic		Replies	Views
Collection - Add a hover effect to product images on your collection pages Store Design	87	1337	February 27, 2024
How can I enable second image hover on mobile product cards? Store Design design , css	142	1508	March 21, 2025
Image on hover on product card not be second image Store Design design , customizations , css , shopify-themes , troubleshooting	22	220	July 29, 2025
How to create a hover effect for a second image on Venture theme? Store Design	3	33	May 22, 2022
Hover on mobile, I want to enable seconde image when someone touches product. -Spotlight theme Store Design css	21	123	February 14, 2025

Reveal second image on hover - Debut theme

Related topics