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

@Daniel134 yes please modification this code

I know. I am asking you if you can modify this for me and give me the code, as no matter what I try, it does not seem to work. To have the second image show on hover.

And what would that custom code be? I’ve been looking everywhere and trying to sort out which image is revealed rather than it being the last image.

@bindwear @Daniel134 can you please share store url

I have not had any luck with this as stated. Currently my code in product-card-grid.liquid looks like this (below) I believe something is implemented incorrectly. Can you please modify the code for me and reply with the proper implementation here. I believe my style.css input is correct: [{{ pr…

@Daniel134 oh sorry for this issue, yes please add this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second .product-card:hover .grid-view-item__image { display: none; } .product-card:hover img.hidd…

Thank you very much. It is now sort of working, but is very glitchy. Please see shopshelovesme.com and see below for the full implementation. The bottom of my css file looks like this: /* =============================================== // Reveal module // ========================================…

Reveal second image on hover - Debut theme

Store Design

KetanKumar May 23, 2021, 6:23am 46

@Daniel134

Yes, please add this code and let me know

https://community.shopify.com/topic/614960

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

Reveal second image on hover - Debut theme

Related topics