N7 Docs
Go to Dashboard ↗

Integration on Shopify

This documentation explains how to update Shopify end configuration to proxy image requests to N7 AIO.

Prerequisites#

  1. You should have access to Shopify admin portal (admin.shopify.com )
  2. You should have a Nitrogen AIO endpoint available. If you have not received it - check with the Nitrogen POC person in contact with you, OR mail to support@n7.io .

Steps#

  1. Creating AIO settings

    1. Open https://admin.shopify.com/
    2. Go to Sales channels > Online store themes > Themes menu from left side.
      Edit code for your current theme by clicking on ... menu and then clicking Edit code menu.
      Step
    3. Select config folder and then open settings_schema.json file.
      Then add our AIO setting from this file
      Step
    4. Now select Snippets folder, and copy aio.liquid and aio-image.liquid files to it. Step

  2. Configuring AIO

    1. Open https://admin.shopify.com/
    2. Go to Sales channels > Online store themes > Themes menu from left side.
      Click on Edit theme button next to your Current theme mentioned there. Step
    3. Click on settings menu at top
      Step
    4. Go to AIO menu, and enable it. Then add the AIO endpoint shared with you, and your current image domain name. Step

  3. Using AIO

    1. Open https://admin.shopify.com/
    2. Go to Sales channels > Online store themes > Themes menu from left side.
      Edit code for your current theme by clicking on ... menu and then clicking Edit code menu.
      Step
    3. Now, in all the liquid files where you have added images, you need to replace the current image tags with aio-image tags with respective settings.
      You can find sample code in this file
      Step