Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
A Shopify store has product images which display fine on macOS, Windows, and an Android tablet. However, product images do not display in Ubuntu using Firefox, Chrome, or Brave. I don't believe any browser plugins could be causing the issue as it's reproducible on a brand new account with no installed browser extensions.
The cause could be a CORS error. From the browser console:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=XXXXXXXX. (Reason: CORS request did not succeed). Status code: (null).
I believe this results in <img data-source=XXXXXX> not being turned into a valid path.
How could this only happen on desktop Linux? What can be done?