> For the complete documentation index, see [llms.txt](https://adornthemes.gitbook.io/vogal-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://adornthemes.gitbook.io/vogal-theme/installation/install-theme.md).

# Install Theme

{% hint style="warning" %}
You must unzip file (extract all files) from theme package that you have downloaded from themeforest. If you see error "**zip does not contain a valid theme: missing template "layout/theme.liquid"** while you install theme that means you are trying to upload wrong zip file.  
{% endhint %}

### Download theme package

{% hint style="success" %}
**Steps :** 

1. Download theme package from Themeforest. [**https://themeforest.net/downloads**](https://themeforest.net/downloads)
2. Extract/Unzip all files from downloaded package.
3. Find **“vogal-install-me.zip”** file. This is theme **Demo Home 1** zip file. Please install this file on your shopify store.
   {% endhint %}

### Upload  theme on your store.

Once you have the theme file ready, you can upload it to your shopify store.

{% hint style="success" %}
**Steps :** 

1. From your store admin, click to **Online store  -> Themes -> Add theme -> Click Upload zip** 
2. In the Upload theme modal, click **Add file** and select the file **vogal-install-me.zip**
3. Click on Upload file button
   {% endhint %}

Please wait until the uploading process get finished. Then click Customize button to activate the theme and start theme set up on your store 

{% embed url="<https://youtu.be/7G7eTrYsN0M>" %}

### Install different home skins ( Other demos )

All you need to do is copy all data from **index.json** and **settings\_data.json** file from any preset folder file (demo you want to install) and paste it on same theme file on your store as explain below.

Please follow all above steps then do continue from below.

{% hint style="success" %}
**Steps:**

1. Go to the **"Demo Preset "** folder that you downloaded from themeforest.net
2. In the Preset folder, you can see a folder for all available home. Please open any home folder that you would like install.
3. You can see 2 files : **index.json** and **settings\_data.json**. [**Click here** ](https://www.adornthemes.com/avone/)to see all available home skins/demos. Keep both these files open. You need to copy all data from both files one by one.
4. From your Shopify store admin, go to **Themes** -> F**ind Vogal ->** **Actions** **->** **Edit Code**
5. Find **Templates** folder -> open **index.json** file -> **SELECT ALL and DELETE** then **paste preset folder file data** and click save( **index.json** file data from preset folder. see step 3)&#x20;
6. Find **Config** folder -> open **settings\_data.json** file -> **SELECT ALL and DELETE** then **paste preset folder file data** and click save ( **settings\_data**.json file data from preset folder. see step 3)&#x20;
   {% endhint %}

By Default your uploaded theme is unpublished. Another theme is active on your store. You can publish new theme when you are done with theme configuration and setup. Click on **Publish** button to publish new theme


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://adornthemes.gitbook.io/vogal-theme/installation/install-theme.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.