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

Reveal second image on hover - Debut theme

Store Design

KetanKumar August 4, 2020, 1:51pm 2

Hello,

Welcome to the Shopify community!
and Thanks for your Good question.

https://community.shopify.com/c/Shopify-Design/Collection-Add-a-hover-effect-to-product-images-on-your/td-p/614960

1 Like

Topic		Replies	Views
Collection - Add a hover effect to product images on your collection pages Store Design	87	680	February 27, 2024
How can I enable second image hover on mobile product cards? Store Design design , css	142	317	March 21, 2025
How to create a hover effect for a second image on Venture theme? Store Design	3	11	May 22, 2022
Debut - show alternate image on hover over product on collections page Store Design	4	14	August 6, 2021
Why doesn't my image hover effect redirect to the product page? Store Design	1	1314	August 22, 2021

Reveal second image on hover - Debut theme

Related topics