# How to set up your store as a Vector  demo?

Vector offers over 5 demos, providing exceptional foundations for crafting your unique website that effortlessly distinguishes itself from others. Upon trying or uploading the theme file, you will be greeted with the captivating default preset, which is one of the 5 demo styles available.

**If you desire to import and configure your store to replicate any of the other demos, please follow the steps provided below.**

## Get the sample demo presets <a href="#id-0-toc-title" id="id-0-toc-title"></a>

**Steps:**

1\. Choose the specific demo file that you wish to utilize for your store.

| Presets name | Sample Data     |
| ------------ | --------------- |
| Eelectronics | **Download It** |
| Fashion      | **Download It** |
| Jewlery      | **Download It** |
| Beauty       | **Download It** |
| Plant        | **Download It** |

2\. Each sample data folder contains the following files:

{% hint style="success" %}
You will see 3 files in each preset folder:&#x20;

1. **Templates/index.json.txt**
2. **Config/settings\_data.json.txt**
3. **Sections/header-group.json.txt**  & **Sections/footer-group.json.txt**
   {% endhint %}

## **Import the demo presets to your theme**

{% hint style="success" %}
**Take the following steps:**

1. From your Shopify dashboard, go to **Online Store** > **Actions** > **Edit code**
2. Access the theme code files and proceed to replace their content with the corresponding files found in the sample data folder:

   **- Templates/index.json:** copy and replace the content of the file <mark style="color:blue;">**Templates/index.json.text**</mark>

   **-  Config/settings\_data.json**: copy and replace the content of the file <mark style="color:blue;">**config/settings\_data.json.txt**</mark>\
   **-  Sections/header-group.json:** copy and replace the content of the file <mark style="color:blue;">**Sections/header-group.json.txt**</mark>\
   \&#xNAN;**-  Sections/footer-group.json:** copy and replace the content of the file <mark style="color:blue;">**Sections/footer-group.json.txt**</mark>
3. **Save** all the changes.
   {% endhint %}

**Templates/index.json:**

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/Kdm1Q1UpJF5IjyWCXC7r/index.png" alt=""><figcaption></figcaption></figure>

**Config/settings\_data.json:**

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/KqnHD7wK2HJe2hzFvBiI/settings_data.png" alt=""><figcaption></figcaption></figure>

**Sections/header-group.json:**

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/7fQqa19m4VyOXJgywcwV/header-group.png" alt=""><figcaption></figcaption></figure>

**Sections/footer-group.json:**

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/67FN7wqC9FWF7uPJC5HY/footer_group.png" alt=""><figcaption></figcaption></figure>

## Video tutorials
