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

@JessBo if you are able to code try above code and let me know it done customization codde

Thanks you. Which coding should I be following there’s a few linked above and I am not entirely sure I follow which one you are referring to? Some links say to update the theme and product coding and some just suggest the Theme. Please note my store does not have theme.scss.liquid so do I use them…

@JessBo https://www.huratips.com/tech-tips/how-to-make-product-image-change-when-mouse-over-in-shopify.html

Thank you - when I do this it results in the two images being shown, please see a preview of my duplicate theme where I have added the code below https://gsho2r052aj8c5bf-53377695903.shopifypreview.com

@JessBo can you please update this code product-card-grid {% comment %} Renders a product card using "Grid" style Accepts: - max_height: {Number} Maximum height of the product's image (required) - product: {Object} Product Liquid object (required) - show_vendor: {Boolean} Show …

Thanks so much, that has worked however there seems to be an added scroll tab on the first section of the website which you will be able to see on https://studiobhomeware.com/ Also is it possible to make this hover to the last image rather than the second image? Many thanks Jess

Hi There Thanks so much. I just wanted to check in to see if you saw my response on this (copied below) the website is live and has this additional scroll bar now showing on some pages which I would love to get fixed as soon as I could. Thanks Thanks so much, that has worked however there seems …

Hello, Can not find any CSS.liquid not even styles.css.liquid

Hello, I tried this code and worked but now I have 2 product rows. One not working and the second one with the hover, as you can see [Captura de Pantalla 2022-08-10 a la(s) 11.55.10 a. m..png]

@JessBo i have check its work please share screenshot if any issue @camilaorozcom cam you please send store url

Reveal second image on hover - Debut theme

Store Design

ealkawasmi November 9, 2023, 8:13pm 135

I do not have a file named theme.scss.liquid

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

Reveal second image on hover - Debut theme

Related topics