> For the complete documentation index, see [llms.txt](https://blueskytechco.gitbook.io/rokan-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechco.gitbook.io/rokan-shopify/get-started/install-theme/install-rokan-in-one-click-fast-way.md).

# Install Rokan In One Click Fast Way

{% hint style="warning" %}
**Note\*:** Before installing the Rokan theme, please unzip "Package\_Rokan\_v1.x.x" and upload the "Rokan\_main\_official.zip" file to Shopify to avoid the ["layout/theme.liquid" missing template](https://blueskytechco.gitbook.io/glozin-shopify/frequently-asked-questions/missing-template-layout-theme.liquid) error.
{% endhint %}

## 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 downloading the **Rokan** theme from [Themeforest.net](https://themeforest.net/), please extract the file using the following steps

**Step 1:** Right-click on the theme zip file you have just downloaded.

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

<figure><img src="/files/lwOIBxkJCBPmOZaRKLpw" 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.**

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

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

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.

<figure><img src="/files/u67p9QpT1Hqn6L96P4XW" alt=""><figcaption></figcaption></figure>

## 2. How to one click import demo ? <a href="#id-2.-install-umino-to-your-store-1" id="id-2.-install-umino-to-your-store-1"></a>

### 2.1. One click import demo step by step <a href="#id-2.1.-one-click-import-demo-step-by-step" id="id-2.1.-one-click-import-demo-step-by-step"></a>

{% hint style="danger" %}
**After the import, your theme will resemble the demo, but please note that all images may be blank due to copyright. You will need to replace the blank images with your own.**
{% endhint %}

**Step 1:** Install the **NS ‑ Discount in Cart** app using the link provided [here](https://apps.shopify.com/discount-master-pro).

<figure><img src="/files/DIo9sDFLNVTDwJWmqeEu" alt=""><figcaption></figcaption></figure>

**Step 2:** Go to the app **NS ‑ Discount in Cart** -> **Settings** -> Select the **Rokan** theme you have uploaded as instructed in section **1.2, "Install Rokan to your store."** -> **Save**

<figure><img src="/files/Uy9VSd8qKu3CP3vByqni" alt=""><figcaption></figcaption></figure>

**Step 3:** Select **Nextsky themes** -> **Import demo** and **click button Open**

<figure><img src="/files/noTun92dGj9JPNq2UHJS" alt=""><figcaption></figcaption></figure>

**Step 4:** Click on "**Import & Publish**" or "**Import**" for the demo you want to use in order to import the demo.

<figure><img src="/files/NIaO98UF86ZiQ2x0wO5b" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Note the **"Import & Publish"** and **"Import"** option&#x73;**:**

* **Import & Publish:** Import the demo and publish demo theme as the main theme of the store.
* **Import:** Import the demo and then you need to return to the Online Store to publish the imported demo.
  {% endhint %}

### 2.2. Video guide one click import demo <a href="#id-2.2.-video-guide-one-click-import-demo" id="id-2.2.-video-guide-one-click-import-demo"></a>

{% embed url="<https://www.loom.com/share/db9ba97982b7419ab212e9cb77d439b8?sid=6d6a902c-78da-4715-a6f0-f0b3a04b2bdd>" %}
