Go into the theme editor and edit text in the hero banner. The issue occurs on any change to a text or textarea field.
Additional info
Other themes in the store do not experience this issue. So this issue is isolated to this theme.
I did install the theme on another store and can confirm we did not experience the issue there. So the issue is specifically this one store.
If this is a theme code issue, any advice on how we can troubleshoot it would be appreciated. It is a custom theme. CLI theme check does not flag any errors.
This is the kind of bug that drives you crazy because it looks like a Shopify bug, but it’s almost always a small logic error in the theme.
Since it’s specific to this store and theme, I’m betting on a conflict with Shopify Design Mode events.
The solution to isolate the culprit !
Open your main scripts file (often global.js or theme.js) and look for lines that look like this.
document.addEventListener('shopify:section:load', ...) or shopify:section:select.
If you have a script that tries to reset a slider or component with every change, it might crash and reset the editor interface.
To test, temporarily comment out these blocks and see if the editor stops closing.
If that’s not it, also check your {% schema %} tags.
A single missing quotation mark or special character in a label or default value can cause the JSON rendering to crash on the admin side, resulting in this immediate collapse.
I am having the same issue on two separate Shopify websites, both of which use the Concept theme. The issue persists when testing other themes and on other devices. Just started happening, I see the original post was April 11th, so assuming this might be a Shopify issue. No idea how to fix this currently.
