Hi, I am helping a friend with their Debut theme website. There is some issue with visualising the product picture on the product page - it’s only showing on hover. I welcome any advice! Thank you!

Hi @vpaskaleva , you can follow these steps: Step 1: Open Online Store → Themes → Edit code Step 2: Find theme.scss.css file Step 3: Paste this code at the bottom of the file .product-single__media img { height: 100% !important; } Result: [B2Bridge_0-1744107771557.png] If this helpful, p…

hey @vpaskaleva share the URLs of your website plz

hey @vpaskaleva i can’t see the problem in your website but will you plz share the URL of that page

It’s on every product page. here is a screenshot: [vpaskaleva_0-1744107042526.png]

but i can’t see the issue i think you network issue that’s why it take some time to load [Mustafa_Ali_0-1744107182245.png]

It’s happening on different devices on different networks

[Mustafa_Ali_0-1744107680236.png] then try this one Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ----> under the tag before the body -----> if this code work please do not forget to like and mark it solution

Hi, thanks, i think it worked. But then the other images from the product gallery still don’t show on load, you have to move around the mouse or scroll on mobile for them to show. On load it shows like an empty rectangle. Also there is the same issue on any collection page - you have to move around …

You can use this code: .grid-view-item__image { height: 100% !important; }

Debut theme product pic only showing on hover

Shopify Discussion

vpaskaleva April 8, 2025, 10:04am 3

Here: https://www.northumbriancandleworks.co.uk/

Thanks!

Topic		Replies	Views
Reveal second image on hover - Debut theme Store Design	134	1623	November 9, 2023
Collection - Add a hover effect to product images on your collection pages Store Design	87	1830	February 27, 2024
All Images are getting zoom.. Store Design design , customizations , landing-page , css , third-party-themes , shopify-themes , troubleshooting , html , product-page	2	42	October 17, 2024
Debut theme: Header Logo and gallery photos not loading Store Design header , product-page	2	143	April 9, 2025
How do I show the 2nd Product Image on Product Hover? - Debut Theme Store Design	4	170	July 3, 2022

Debut theme product pic only showing on hover

Related topics