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

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

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

B2Bridge April 8, 2025, 10:47am 13

You can put it at the bottom of the theme.scss.css file

Topic		Replies	Views
Reveal second image on hover - Debut theme Store Design	134	1417	November 9, 2023
Collection - Add a hover effect to product images on your collection pages Store Design	87	1705	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	34	October 17, 2024
Debut theme: Header Logo and gallery photos not loading Store Design header , product-page	2	136	April 9, 2025
How do I show the 2nd Product Image on Product Hover? - Debut Theme Store Design	4	167	July 3, 2022

Debut theme product pic only showing on hover

Related topics