Products suddenly stopped displaying in collection grids and category pages across a Shopify store, though individual product pages remained accessible via direct URL.
Immediate Fix Applied:
A CSS workaround was provided to restore product visibility by adding custom code to theme.liquid that forces grid items to display with visibility: visible!important and opacity: 1!important
Root Cause Identified:
The issue stemmed from the Globo Smart Product Filter and Search app
Browser console errors pointed to this specific app as the source of the problem
Resolution:
Deactivating and reactivating the Globo app resolved the issue completely
Recommendation made to keep apps updated and check with developers to ensure proper functionality
Summarized with AI on November 19.
AI used: claude-sonnet-4-5-20250929.
I can see that @shreyhweb may have been able to find a fix for the issue (Thank you!), but I want to ensure we also find out what caused it to begin with.
I noticed that when inspecting the store for errors there was a few reported errors that pointed to a Globo app. Are you using any of their apps on your store right now? If yes, I would recommend opening the apps from within the admin to ensure they are fully up to date and checking with the app developers to ensure the app is working as expected.
Thanks for your replies - it was an issue with an app I have installed (Smart Product Filter and Search). Deactivating and reactivating the app did the job