Hi, I have an html file with an inline svg interactive map (includes javascript) that works perfectly in a browser but I can not get it to appear using a liquid template, as a snippet, or using the html editor in the page. I have done a ton of research and just can’t get this to work. I would like to send the file, but do not want it in a public forum.
Topic summary
A user is attempting to integrate an HTML file containing an inline SVG interactive map with JavaScript into their Shopify Dawn theme. The map functions correctly when opened directly in a browser, but fails to display when implemented through:
- Liquid template
- Snippet
- HTML editor in the page
Despite extensive research, the issue remains unresolved. The user prefers to share the file privately rather than publicly.
Suggested troubleshooting approach:
- Visual inspection of the live site is necessary to diagnose the problem
- Potential causes include JavaScript/CSS conflicts with existing theme code or missing JavaScript libraries
- Recommended implementation method: Add a “Custom liquid” section and paste the code directly there
The discussion remains open, awaiting further details about the implementation method and potentially access to the site for debugging.
This kind of questions absolutely requires seeing the site to answer.
Could be some JS or CSS is conflicting with what’s already in a theme. Some JS libraries may be missing…
How are you adding it to your site?
The easiest would probably be to add a “Custom liquid” section and paste your code there.