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; }

Hi, Actually what I was look for and came across this article is to stop the behavior in the shopping cart page, when a user 1 product with the quantity button showing 1, if he will change it to zero it will automatically delete the item from the cart, no warrning. Any idea how this case be change…

@Effyl01 if possible to share video further issue

Hi KetanKumar, is it also possible to put a hover effect on normal images? I Think about the section image-bar. Here you can find an example of what I am thinking about: https://dribbble.com/shots/5551370-Portfolio-concept Thank You Nicolas

@NicolasMaverde Yes, but it’s not working all browser and mobile design

Could you send me a code so I can try? Would be great! Thank you!

@iamcurious @KetanKumar Thanks a lot, this finally worked for me after trying many times before with different solutions and failing. However, the only problem I have is that the hover seems to always show the LAST picture in the gallery whereas I would prefer it to be the second picture. Is ther…

@Bram1987 YES, IS POSSIBLE TO CUSTOM CODE

Hello all, Is this still working ? I’m on Debut theme (v 17.12.0) the image change works on mouse hover but when I paste the code from this post in my product-card-grid.liquid it displays this “no image” instead of my products first photo [no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4…

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

Reveal second image on hover - Debut theme

Store Design

KetanKumar January 8, 2021, 10:52pm 31

@NicolasMaverde

Thanks for it

can you try and modification this code

https://codepen.io/theadameden/pen/ReypqN

https://codepen.io/Alexee/pen/NXgYmN

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

Reveal second image on hover - Debut theme

Related topics