# Import Demo Online Store 2.0

If you want to design your store like our demo/preview site

### Video Guide

{% embed url="<https://www.youtube.com/watch?v=TsKNN4f-dGU>" %}

## Step 1

### 1. Open the Demo Presets for Online store 2.0 Folder

> **Demo presets folder are included in the downloadable file (that you have downloaded from ThemeForest marketplace)**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9FsKuaw1JPVW43gdh%2F-Mg9K9ewhK6ucMx2nfg-%2F3.png?alt=media\&token=55d9ca95-e132-44cd-9827-66ea31d64f15)

### 2. Choose the **Home Version** > **Open the folder**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9KEhH3nMnr_Q5ufjC%2F-Mg9KlnldnPLudEUiju4%2F4.png?alt=media\&token=63afa6d1-2bcc-4c1b-a982-1b1f4c38a2da)

> ***If there are different home page layouts, you will get a home page folder inside which every single home variation will be available***

* **Choose the home page layout**
* **Open the folder**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9KEhH3nMnr_Q5ufjC%2F-Mg9LXdbnc63TKTBlZa6%2F5.png?alt=media\&token=60da50b2-2fe2-4099-95d6-2b483104619f)

### 3.You need to replace 2 files in your store

> * **Templates/index.json**
> * **Config/settings\_data.json**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9Nk7FeKDRhP5YAF71%2F-Mg9QbEWPOhVv8-eEdlL%2F6.png?alt=media\&token=16736181-f8c5-4bd2-b805-124eddb655ed)

1. Open the **inedx.json.txt** file

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9Nk7FeKDRhP5YAF71%2F-Mg9Smy0RI0TEGUDNrKU%2F7.png?alt=media\&token=3e22a5d5-4153-4878-914f-bc519e865f49)

2\. Open the **settings\_data.json.txt** file

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9Nk7FeKDRhP5YAF71%2F-Mg9T85lJ4Hl59t1iDRd%2F8.png?alt=media\&token=06b193d8-e628-48d5-bf24-541fcd22474e)

## Step 2

* Now go to your **Online Shopify store** backend Click "Online Store"
* Click on the **“Actions”** button then click "Edit Code"

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchGBbFmbqKEeonnmO7%2F-MchGrgIfv2Fb9kOIxng%2Fimport-demo-3.png?alt=media\&token=ab125d03-ce90-4287-8909-9911536c3d57)

## Step 3

* Open the **"index.json"** file and **paste** here that you've copied code. You must need to **remove existing data** or **overwrite existing data**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9UNS35k1wRevawJKY%2F-Mg9YDe3zsUkGnVsM4GU%2Findex.png?alt=media\&token=39c1c035-e856-4f69-9b00-ee34f2d03818)

* Open the **"settings\_data.json"** file and **paste** here that you've copied code. You must need to **remove existing data** or **overwrite existing data**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchGto56E_TxPxEUKey%2F-MchH2XsZ7pR5slhq1_x%2Fimport-demo-4.png?alt=media\&token=5a2dbf83-f4db-4ddb-9f5e-11ef0c013d9e)

**Now save it and you're done**