# 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)**

![](/files/-Mg9K9ewhK6ucMx2nfg-)

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

![](/files/-Mg9KlnldnPLudEUiju4)

> ***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**

![](/files/-Mg9LXdbnc63TKTBlZa6)

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

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

![](/files/-Mg9QbEWPOhVv8-eEdlL)

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

![](/files/-Mg9Smy0RI0TEGUDNrKU)

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

![](/files/-Mg9T85lJ4Hl59t1iDRd)

## Step 2

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

![](/files/-MchGrgIfv2Fb9kOIxng)

## 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**

![](/files/-Mg9YDe3zsUkGnVsM4GU)

* 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**

![](/files/-MchH2XsZ7pR5slhq1_x)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://lezada.docs.hasthemes.com/theme-installation/online-store-2.0-improt-demo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.