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.