How to add Lookbook to a page in Shopify Theme 1.0?
As you may know, Shopify 1.0 themes do not support adding app blocks to a page as usual. In this article, we’ll guide you through manually adding Nitro Lookbook to your page simply and straightforwardly.
1. Add Nitro Lookbook into Home page
- Go to Online Store -> Theme -> Customize -> open the Home page
- Drag and drop the Liquid code section into place which you want to show the Lookbook
- Paste the code " <div data-type="app--128617578497--lookbook_data" class="nt-lookbook-element-embed" data-islive="true" data-id="71412dfa-b6c3-40f7-845f-7df9851f8f3b"></div>" into Liquid code section
- Go to Nitro Lookbook app, open the Lookbook you want to show and copy Lookbook Id
- Paste the Lookbook id into id code:
When completed, you can see the Lookbook shown on your Home page.
Note: If your theme does not include a Custom Liquid section, you can either find a suitable place to insert the code for the steps above or contact us for assistance—we're here to help.
2. Add Nitro Lookbook into Blog, Post, Page
- Go to Online Store -> Blog/Blog posts/Pages
- Open the page which you want to add the Lookbook
- Click on Code icon
- Paste the code " <div data-type="app--128617578497--lookbook_data" class="nt-lookbook-element-embed" data-islive="true" data-id="71412dfa-b6c3-40f7-845f-7df9851f8f3b"></div>"
- Go to Nitro Lookbook app, open the Lookbook you want to show and copy Lookbook Id
- Paste the Lookbook id into id code:
When completed, you can save and view the page to see the result.