Product image not loading and large white space

SohailChaudhry
Visitor
1 0 0

We are experiencing an issue on our site where there is a large amount of white space and our product pictures will not load, only the thumbnails. Sometimes the product page works just fine, but sometimes we'll experience this glitch and have to hit refresh a few times to get out of it. I thought it was an issue with our previous theme (Fastor) but now we have switched over to the Turbo theme by Out of the Sandbox and we're having the same issue. 

I thought it could also be one of our apps, I removed our landing page builder app along with the code and it did not help. 

Has anyone experienced this sort of glitch? 

Thanks our site is: southshorefinelinens.com 

screenshot1.JPG

screenshot2.JPG

Replies 4 (4)

Albunting
Visitor
2 0 0

Just had the same issue with the turbo theme. Set it up today and all seemed to be working then I get these massive spacing issues. Ill let you know if I find a fix. Gonna keep an eye on this thread to see if someone find a solution 

UPDG
New Member
5 0 0

We're having a similar issue - on our site the thumbnails under the main product image are not all displaying. Sometimes, none of the thumbnail variations show up at all. When the thumbnails do display it seems that only the first 5 thumbnails show up, then there is a big white gap (a few thumbnails width of white space) then one more thumbnails displays, then more white space, then more thumbnails. Any solutions/suggestions for how to resolve this? Thx

marijanelle
Tourist
8 0 1

did you ever find out what was causing this? we have the same issue now

jesperahlbomUK
Shopify Partner
53 4 25

Hi - below should solve this issue.

 

1) First duplicate your theme so you got a backup if something goes wrong

 

2) Then go to theme > edit code > open the file theme.liquid

 

3) Find this string of code

<script src="{{ 'jquery.min.js' | asset_url }}" defer></script>
 
4) Move that string of code a bit further up in the theme.liquid file, cut it and paste it below the lazysizes plugin (see attached image)
 
5) Save and preview the theme
 
Let me know how it goes but hopefully it solved the problem for you 🙂
 
turbo issue white space.png