Main issue: After enabling Weglot for multilingual routing (tested both subdomains and subdirectories, currently using subdirectories), cross-origin resource sharing (CORS) blocks many assets, causing JavaScript to fail.
Context: CORS is a browser security policy that restricts loading resources from different origins (e.g., subdomain or subdirectory language versions). The site functions in the theme customizer but breaks in preview and public modes, suggesting environment-specific CORS or asset-loading differences.
Key questions raised:
Status: Weglot support has been contacted; no solution or guidance shared yet in the thread. No confirmed fixes, decisions, or action items. Discussion remains open with unanswered configuration details about whitelisting and where to implement it.
Ever since setting up Weglot on subdomains and subdirectories for different languages (tried both options and currently using the subdirectory option), many resources are getting blocked.
It works fine on the customizer view, but then on preview and public mode a lot of the javascript breaks.
Could whitelisting certain resources solve the problem? If so, how to whitelist? Should it be done via Weglot (already contacted their support) or is there a possibility to do it on Shopify Dashboard?