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 @KetanKumar My debudt theme is 17.7 how come i cant find any css.liquid file? I also want to try this hover effect. Effy.

@Effyl01 it can be done some custom code

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

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

@NicolasMaverde Thanks for it can you try and modification this code https://codepen.io/theadameden/pen/ReypqN https://codepen.io/Alexee/pen/NXgYmN

@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

Reveal second image on hover - Debut theme

Store Design

KetanKumar January 8, 2021, 8:44pm 29

@NicolasMaverde

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

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

Reveal second image on hover - Debut theme

Related topics