Why do products turn invisible on my collection page?

Hi there!

I’ve been dealing with a head-scratcher when entering my collection pages on my Shopify platform. For some reason, there are times when the products are invisible. They pop up when I hover my mouse over them, but when my mouse leaves, they return to their mysterious invisibility.

Refreshing the entire page fixes the problem, and all products show up. But I don’t want my customers to have to refresh the page in order for them to view the products.

What should I do? I am using the Turbo Florence theme if that helps!

Thanks so much.

I checked and it works fine: https://i.imgur.com/XtFjeGT.png
However it’s really slow and I think it’s because you added herokuapp’s code. Link js: https://session-recording-now.herokuapp.com/session-recording-now.js
It’s really bad and can cause errors like you described: https://i.imgur.com/qGFgl8h.png
I recommend you turn it off and check again. Hope it helps!

Hey, @suntisfypopfun !

Luna here from Shopify. Thanks for reaching out in our Community forums. I can definitely understand the importance of resolving this and I’m happy to help.

To gather more context, may I ask what browser you are using? Based on the information you shared, it sounds like this may be a browser specific issue as it is resolved by refreshing the page. Does this persist on another device? If not, I recommend:

If this doesn’t solve the problem, it is possible that there is something else going on with the theme itself. Check out this Shopify Help Document for more information on where to find support for your theme.

Let me know if this resolves the issue!

Best,

1 Like