Set up the demo layouts
Last updated
Last updated
The Starlite theme comes with a single default home page and product page layout based on the Echo and Classic demo.
If you want to use the layout of another Starlite demo, you can add the free template code below to your theme code editor.
If you have purchased Starlite, follow the steps below to replace your default homepage or product page with one of the demo layouts. No knowledge of code is mandatory - it's a simple copy & paste.
This template json code will place the sections in the same way as the demo store. The demo images are not included in this.
Duplicate your theme and open the theme code editor.
Copy the demo layout code from the below- mentioned links and paste it into Templates > index.json or product.json.
View the home page json and product page json
In the Shopify admin:
Click Actions > Duplicate on your current theme to create a backup theme version. For safety reasons, it's recommended to create a duplicate of your current theme.
Click Actions> Edit code in the duplicated theme version.
In the Templates folder, search and click on the index.json (home page) or product.json (product page) file.
Select the template code as per the required demo and copy code and paste it in the code editor> files opened in step 3.
Note: To copy the code, you can use keyboard shortcuts to Select all (ctrl-a or cmd-a) and copy (ctrl-c or cmd-c). To paste the code, you can use keyboard shortcuts for Select all (ctrl-a or cmd-a) and paste (ctrl-v or cmd-v).
Click save.
All done! The new layouts for your homepage and product pages are completed in your duplicate theme's editor. Once you've customized this copy as per your requirements, you can just hit "Publish" to make this theme copy live on your website.
