Preset for Homepages

When you install the theme source, you will get the default Homepage 1 layout. If you want to use a different homepage layout, please follow the instructions below.

Step 1: Upload index.json file for Homepage

To upload index.json file, please follow below instruction:

  1. Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.

  2. SELECT ALL and COPY.

  3. From your Shopify admin, go to Themes -> Actions -> Edit Code.

  1. Click 🔍 on the top bar to search file code -> open the "index.json" file, -> SELECT ALL and DELETE then PASTE the copied preset from the external file:

Step 2: Upload settings_data.json file for Homepage

To upload settings_data.json file, please follow below instruction:

  1. Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.

  2. SELECT ALL and COPY.

  3. From your Shopify admin, go to Themes -> Actions -> Edit Code.

  1. Click 🔍 on the top bar to search file code -> Open file settings_data.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.

Step 3: Upload header-group.json file for Header

To set up data for Header Layouts, please follow below instruction:

  1. Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.

  2. SELECT ALL and COPY.

  3. From your Shopify admin, go to Themes -> Actions -> Edit Code.

4. Click 🔍 on the top bar to search file code -> Open file header-group.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file:

To set up data for Footer Layouts, please follow below instruction:

  1. Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.

  2. SELECT ALL and COPY.

  3. From your Shopify admin, go to Themes -> Actions -> Edit Code.

4. Click 🔍 on the top bar to search file code -> Open file footer-group.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file:

Files code

Guide copy json data to source theme

Last updated