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. Every theme in this guide runs on Shopify, so if you don't have a store yet, start your Shopify store and preview the themes before you pay for one.

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.