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 thanks for detail do you have like this https://community.shopify.com/topic/614960

Yes, I have been following the instructions, but product-grid file is not exactly as it is stated above. Please see product grid file for SRC spot. How would I place this code here to show second image on hover. I believe I have CSS correct, but we can check after this step if it still does not show…

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

@Daniel134 Yes, please add this code and let me know https://community.shopify.com/topic/614960

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…

Reveal second image on hover - Debut theme

Store Design

KetanKumar May 22, 2021, 4:15am 44

@bindwear @Daniel134

can you please share store url

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	2058	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