# Install Theme

{% hint style="info" %}
Remember: The package you download from Envato contains:

* Pizzon Shopify 1.0.0
{% endhint %}

## Step 1: Upload Theme Source

1. Download the package from <mark style="color:red;">themeforest.net</mark> (the package is in zip format).
2. Unzip the package you've just downloaded.
3. Find this file: <mark style="color:orange;">Pizzon-1.0.0-theme-source.zip</mark> in the folder **Pizzon Shopify 1.0.0,** then you just need to upload the <mark style="color:orange;">Pizzon-1.0.0-theme-source.zip</mark> file to your Shopify store.
   1. Please log in to your Shopify store, and click **Online Store**.&#x20;

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2Fo8aO4SVdPVjoHOhlbTvO%2Fscreenshort-163.jpg?alt=media&#x26;token=030a1186-0bea-423b-a9d3-74864726c2d7" alt=""><figcaption></figcaption></figure>

1. **Add theme** > **Upload zip file**

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FUXPYLktrz3cYr9y6AhJ6%2Fscreenshort-164.jpg?alt=media&#x26;token=9e7af11c-8c28-4924-a622-dcf39b7cdc72" alt=""><figcaption></figcaption></figure>



1. Browse theme file upload-me-to-shopify-platform-pizzon-1.0.0.zip and **Upload file**.

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FPfvtmkLf4zPs1ZklkJrW%2Fscreenshort-165.jpg?alt=media&#x26;token=0828a4b1-d9b7-48e2-8447-fb04a922a76d" alt=""><figcaption></figcaption></figure>

## Step 2: Upload Settings Data For Home Page

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

1. Click the [<mark style="color:orange;">file to download</mark>](#preset-for-home-page) 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**.

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FDUIrV36eCd5qVLHjW1gL%2Fscreenshort-166.jpg?alt=media&#x26;token=1818f567-9314-454b-b6a1-30ef91685ace" alt=""><figcaption></figcaption></figure>

1. Find folder **Templates** -> Open file **index.json -> SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file.

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/tfhnzhOTi5XbqQjVjcWV/screenshort-113.jpg" alt=""><figcaption></figcaption></figure>

## Step 3: Upload Settings Data For Theme Settings

To set up the same data for Theme Settings, please follow below instruction:

1. Click the [<mark style="color:orange;">file to download</mark>](#preset-for-home-page) 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**.

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FrtgsJdkFSu9e95QMYin1%2Fscreenshort-166.jpg?alt=media&#x26;token=a2486b6c-8509-4286-926c-0ff23e7e0a41" alt=""><figcaption></figcaption></figure>

1. Find folder **Config** -> Open file **settings\_data.json -> SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file.

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/hGJY5xKZFa2412LQaRut/screenshort-114.jpg" alt=""><figcaption></figcaption></figure>

## Step 4: Select For Header

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings -> Multiple Layouts**.

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2F3SnGExQ1oL75v2EApzu1%2Fscreenshort-167.jpg?alt=media&#x26;token=e36d952f-2b0b-4626-a661-2b10e7ad35ca" alt=""><figcaption></figcaption></figure>

## Step 5: Settings For Footer

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Footer** and Customize Footer Setting.

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2F2e15kRLUyi44zrXISzRv%2Fscreenshort-168.jpg?alt=media&#x26;token=ae841ea8-84a8-470f-838a-9792a786cd9e" alt=""><figcaption></figcaption></figure>

## Preset For Home Page

| Home Pages	                                                                                                                   | Json (with .json format)	                                                                               | Json (with .json format)                                                                                                |
| ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| [<mark style="color:orange;">Home 01</mark>](https://pizzon.myshopify.com/?fts=0?\&preview_theme_id=167443104036)             | [index-1.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/index-1.json)   | [settings-data-1.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/settings-data-1.json)   |
| [<mark style="color:orange;">Home 02</mark>](https://pizzon.myshopify.com/?fts=0?\&preview_theme_id=167476166948)             | [index-2.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/index-2.json)   | [settings-data-2.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/settings-data-2.json)   |
| [<mark style="color:orange;">Home 03</mark>](https://pizzon.myshopify.com/?fts=0?\&preview_theme_id=167443169572)             | [index-3.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/index-3.json)   | [settings-data-3.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/settings-data-3.json)   |
| [<mark style="color:orange;">Home 04</mark>](https://pizzon.myshopify.com/?fts=0?\&preview_theme_id=167443202340)             | [index-4.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/index-4.json)   | [settings-data-4.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/settings-data-4.json)   |
| [<mark style="color:orange;">Pizzon RTL Layout</mark>](https://pizzon.myshopify.com/ar?fts=0?\&preview_theme_id=167443956004) | [index-5.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/index-rtl.json) | [settings-data-5.json](https://themes.templatescoder.com/pizzon/shopify/documentation/data-file/settings-data-rtl.json) |
