# Install Rokan Manually

## Download Rokan <a href="#download-alukas" id="download-alukas"></a>

To download Rokan from Themeforest, please follow these steps:

**Step 1**: Login to [Themeforest ](https://themeforest.net/item/rokan-multipurpose-shopify-theme-os-20/54337950)=> Click to Profile icon and select Downloads

**Step 2**: Select **Rokan** item from your Downloads list, Click to **Download** button => **All files and documentation**

## 1. Install Rokan <a href="#id-1.-install-alukas" id="id-1.-install-alukas"></a>

### 1.1 Unzip Rokan package <a href="#id-1.-unzip-umino-package" id="id-1.-unzip-umino-package"></a>

After download **Rokan** theme from [Themeforest.net](https://themeforest.net/item/rokan-multipurpose-shopify-theme-os-20/54337950), please extract this file by the following steps.

**Step 1:** Right click to the theme zip file you have just downloaded

**Step 2:** Unzip this file and open it

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FohHcdqFoZNx5fyNDobX9%2Fimage.png?alt=media&#x26;token=006434be-7bf6-4553-a1d0-4c7469e7071f" alt=""><figcaption></figcaption></figure>

**Step 3:** All the theme files that need to be changed for the Shopify store are stored in the **Demo Preset** folder.

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FNZN7BXEjW9JAa0PA2f7w%2Fimage.png?alt=media&#x26;token=3cd165de-795d-4673-875a-9c2309e46df1" alt=""><figcaption></figcaption></figure>

### 1.2. Install Rokan to your store <a href="#id-2.-install-umino-to-your-store" id="id-2.-install-umino-to-your-store"></a>

**Step 1:** From your admin, click to **Online store => Themes => Add theme => Upload zip file**

<figure><img src="https://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/LGCT45nvizSqOhLFdUX9/image.png" alt=""><figcaption></figcaption></figure>

**Step 2:** Click to **Add file**

<figure><img src="https://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/aQ9TokxgqLPDsNo2W2Bh/image.png" alt=""><figcaption></figcaption></figure>

**Step 3:** Select file **Rokan\_main\_official.zip** zip file and click to **Upload file**

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FPXt7WKFZ5EnrkhyJMZer%2Fimage.png?alt=media&#x26;token=f1ad3de0-76ea-41c8-83b3-f88b36916d6e" alt=""><figcaption></figcaption></figure>

According to **Shopify,** after installing **Rokan**, you will get a theme with placeholder images. You can upload your own images to decorate your store base on Rokan layout.

### 2. How to import other theme templates? <a href="#id-2.-install-umino-to-your-store-1" id="id-2.-install-umino-to-your-store-1"></a>

**Step 1:** Open the **Rokan packaging** folder you downloaded that has the **Demo Preset** folder with all the templates for other homes

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FB8I1bGk5pyyExPkAikNj%2Fimage.png?alt=media&#x26;token=5169f649-439f-40c6-adb9-2d653d52cd40" alt=""><figcaption></figcaption></figure>

**Step 2:** Go to your admin shopify store, open the theme. Click **Theme actions -> Edit code**

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2Fo386uM9loZhvDr23VmvC%2Fimage.png?alt=media&#x26;token=2cea6af1-b460-4b2d-ba0f-47865e78be2e" alt=""><figcaption></figcaption></figure>

**Step 3:** You also need to copy all the **.json** in **config , sections , templates** folder. These are changed files and you will paste them to the theme.

This step will update the settings and data: homepage, header, footer and settings of the theme you choose.

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FEiDM3DuxJmKTGdWiAeVG%2Fimage.png?alt=media&#x26;token=e15432fd-a619-4491-9a40-3b8a16baa5a6" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note:** There are some default pages and metafields that need to be imported. Please follow Import Pages and Import Metafields directions before using Rokan theme.
{% endhint %}