Online Store 2.0
The new online store 2.0 from Shopify now supports enabling the app directly in the theme editor.
You can read about the new theme editor on the: Shopify Docs
Enable app in theme editor
In the app, navigate to the "Settings tab. Select the theme where you want to enable the app:
The theme editor should open in a new window. The app will be enabled automatically on the right hand side under Theme settings > App embeds. Make sure to save the theme in the editor:
Navigate back into the App. Click on the "reload" button to let the app verify that the app was enabled in your theme:
The "App enabled" should now have a green checkmark:
Side note: "App blocks supported" can still show a red icon as not all themes support them. The app can still be used without this feature.
App showing twice
When the app is installed, a script tag is registered on your shopify themes (the script is not visible in the theme code itself - Shopify adds it when the page is loading).
This can temporarily cause the app to load twice, once via the theme editor and once via script tag:
Follow the steps below on how this can be fixed:
Automatic script remove
The app automatically removes the script tag when the "App enabled" check was successful. It can take up to 2 minutes for the shopify store to remove the script tag.
Manual script remove
If you previously had manually installed the app via a script tag in your theme code, you can now remove the script to only load the app once.
Side note: If you had added a script tag to improve the loading speed of the app, the app speed loaded via the theme editor is as fast as loaded via a script tag.
App Blocks supported
The app checks if your selected theme supports App Blocks:
You can check our guide on how you can use an app block in your theme: Product options block in theme editor