Install customiser to your Shopify theme using app blocks
By following these instructions, you will be able to install the app using Shopify's theme app blocks.
1.Go to your Shopify admin, Click on Sales Channels and select Online Store
2. On the list of links for Online Store, you will find a navigation link called Themes from your Shopify dashboard and click Customize to open the theme editor:
3. In the Theme Editor, click the top dropdown menu and click on Products and then click Create Template:
4. Add a name for your new template, and click Create Template:
The theme editor will now display the new template you have created which will allow you to being editing it.
5. You can hide sections by clicking the eye icon right next to the section on the template that you want to hide.
6. Click Add Section then click on the Apps tab, this will list all the apps you have installed on yoru store, in the menu and click Sign Customiser.
7. You can drag and drop the Sign Customizer to the top of the section list to have it display first.
8. Click Sign Customiser to update display settings for this app in this theme section,
this is where you can add your Sign Customiser ID to display a particular Sign Customiser in this theme section.
If you don't know the Sign Customiser ID, follow these instructions to get it
9. You can make other changes from the menu on the left side, such as providing a value for the Height Reduction so that the apps Add to cart/Finish button is visible on the page:
After making all the changes, please click Save
10. Go back to your Shopify admin, click Products and Create a new product:
- Add a Title to the product.
- Set the product status as Active.
- Uncheck ' Charge tax on this product', 'Track quantity' and 'This is a physical product'.
- Set the theme template under Online Store to ' neon-product-customizer' (the one we had created in the beginning).
- Click Save.
You are all done! The app is successfully installed with your new template.