# For the website available.

{% hint style="warning" %}
If you have a website with data available, follow these steps to use the "**Ruza**" theme for your website.
{% endhint %}

* [x] <mark style="color:purple;">**Step 1**</mark> - Install and activate the theme.
* [x] <mark style="color:purple;">**Step 2**</mark> - **Deactivate** and **Delete** the plugins "**Urna Core**", "**Tbay Framework Pro**", "**Tbay Framework**" (If they exist in your old Theme)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/SP9s5AB4kHhrhBtOvuva/import-data1-delete-plugin.png)

* [x] <mark style="color:purple;">**Step 3**</mark> - Install and activate the required plugins.
* [x] <mark style="color:purple;">**Step 4**</mark> - Go to **Appearance** > **Theme Setup** > **Click to Start**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2Fyzj8Zw1zIXYZ05a7Vzfu%2FScreenshot_5.png?alt=media\&token=2087300e-995a-4536-a028-999238f09808)

* [x] <mark style="color:purple;">**Step 5**</mark> - **Install Child Theme**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/Cj8j8LS5UxXK2HFq7jeW/import-setup-2.png)

* [x] <mark style="color:purple;">**Step 6**</mark> - **Import Content**: Select the **Demo you want (Uncheck the content section)**, then click on **Import**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FtRamVyGhRFAuHuK2Drbe%2FScreenshot_1.png?alt=media\&token=8dcb64ff-5ac1-42e4-a795-f09a580c21ec)

**The process may take some time. Please wait**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FQz5bVHBbO0YuFYt8a8Qu%2FScreenshot_2.png?alt=media\&token=95c3e4ce-dcc0-4f72-ba00-aaa9f19e93f8)

:tada:**All done. Have fun!**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/PD323SnNGSbBATKkgd5F/import-setup-5.png)

* [x] <mark style="background-color:purple;">**Step 7 (Important Step)**</mark> - **Regenerate CSS** for **Elementor**: Styles set in Elementor are saved in CSS files in the uploads folder. Recreate those files, according to the most recent settings.

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/fDFa2uL0Oj6qHGaY5xmv/import-data-fix3.png)

* [x] <mark style="color:purple;">**Step 8**</mark> - Elementor Settings: Enable Elementor for Thembay Blocks. Disable Default Colors, Disable Default Fonts.

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/gGflT2IGBvz83RNVduwt/demo-content-2-2.png)

* [x] <mark style="color:purple;">**Step 9**</mark> - Create a **Home Page** with the template we provide

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/kmBDIVcfMgupbh3ujuxo/import-data-step7-1.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/612dAayVcg8S6SonlFGc/import-data-step7-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/k7nvm7AV0kFRtQYW03P8/import-data-step7-3.png)

Choose **Sample Data** > **pages** > **template-home-xxx.json**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/h1GOB87qVSia9YZe2eZM/import-data-step7-4.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/mUZBPpbEk0LnwmFF6EYK/import-data-step7-5.png)

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2F5vCsUhB4JdSpPOcYZ7gY%2FScreenshot_8.png?alt=media\&token=5460b3fb-8d13-4c5b-8a3e-cb51c85b90f7)

**Turn Off Breadcrumb on the Homepage**

<figure><img src="https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/sxwS8rqp0NlPS0o7JyP9/sapa_12.png" alt=""><figcaption><p>Edit Home Page</p></figcaption></figure>

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/YJqyXDactxvrnoQuvghI/import-data-step7-8.png)

**Choose homepage displays**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/3be2F1bTFMZzoKzPUIym/import-data-step7-7.png)

* [x] <mark style="color:purple;">**Step 10**</mark> - Create a **Footer** with the template we provide

Choose **Thembay Blocks** > **Add New** > **Type of Template = Footer**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/3Pb5NkMGu3IAOPJ0zRsH/import-data-footer-1.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/y5SuYL7O8KGXL3zkPfjL/import-data-footer-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/G6dOKyGYq4Gs19wpURLm/import-data-step8-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/k7nvm7AV0kFRtQYW03P8/import-data-step7-3.png)

Choose **Sample Data** > **footer** > **template-footer-xxx.json**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/Q2dmzTNkIGfdKPfJiQPM/import-data-step8-4.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/569I8fcYFVpgDHqeqUhd/import-data-step8-5.png)

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FFZh1h8vUjLYxCWfs0PTy%2FScreenshot_9.png?alt=media\&token=11ed9247-c42e-47d4-bc0c-e476969e8c5c)

**Select Footer default in Theme Options**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FRchY7hLOvZOIT8exnTbg%2FScreenshot_17.png?alt=media\&token=94eb72fb-4613-4cf8-b310-5a1a0bb34c62)

* [x] <mark style="color:purple;">**Step 11**</mark> - Import the MailChimp form

If your **MailChimp form** does not display as well as above, use the code below

```html
<input class="form-control input-newletter mc4wp_email" name="EMAIL" required="" type="email" placeholder="Enter your email..."> 
<button type="submit" value="Submit"><i class="tb-icon tb-icon-arrow-circle-right-soild"></i></button>
```

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FjUMlPtkd4aMXiEmoZCwP%2FScreenshot_18.png?alt=media\&token=02bb909d-cea9-4eb5-8652-7cc12a060b57)

**Here is the result**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2F0kJ43JQbhQgr0a4dWDUk%2FScreenshot_10.png?alt=media\&token=3bcf4fb0-f008-4350-a8b9-d136c08a9a0c)

* [x] <mark style="color:purple;">**Step 12**</mark> - Create a **Header** with the template we provide

Choose **Thembay Blocks** > **Add New** > **Type of Template = Header**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/8sCpWlDHDJKx55DCNrl2/import-data-header-1.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/hvo5gRsRXGvG1FnoiCxD/import-data-header-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/G6dOKyGYq4Gs19wpURLm/import-data-step8-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/k7nvm7AV0kFRtQYW03P8/import-data-step7-3.png)

Choose **Sample Data** > **header** > **template-header-xxx.json**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/5Jz4HJmBwtZKxMRxubU4/import-data-step10-4.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/hlBgTxw59wciVbLOCSGu/import-data-step10-5.png)

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FsyjxrqczBHmmF48kBSfS%2FScreenshot_11.png?alt=media\&token=95424d7a-2509-4a7c-9108-f660822a0764)

Choose **Main Menu**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2Fp2PQaSqVOH7GXzYBQAUo%2FScreenshot_12.png?alt=media\&token=d1f8ca6e-8777-44a4-ad49-60b176e9194e)

**Select Header default in Theme Options**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FBRBVv4DXGsAQw6WuaWGc%2FScreenshot_22.png?alt=media\&token=8fef2982-a3a1-4f18-9321-5250ec00043a)

* [x] <mark style="color:purple;">**Step 13**</mark> - Choose Shop Page: Go to **WooCommerce** > **Settings** > **Products** > **General** > **Shop Page**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/ichxpmA0FESWcpqf8uG6/import-data13.png)

* [x] <mark style="color:purple;">**Step 14**</mark> - Choose Cart and Checkout Page: Go to **WooCommerce** > **Settings** > **Advanced**

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/FkHMuUQeogFgntVtbGwg/import-data15.png)

* [x] <mark style="color:purple;">**Step 15**</mark> - Manual Import Revolution Slider
*

 <figure><img src="https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/iR7s8flRxqBQlfkeLJzA/sapa_15.png" alt=""><figcaption></figcaption></figure>

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/7NL2VMDTHSXdfJQKo0nt/import-data-step15.png)

* [x] <mark style="color:purple;">**Step 16**</mark> - Configure Mega Menu

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/nzeA6RtCuxW7HK6adSG1/import-data-menu-1.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/lPCnKqDGQsVwPvZC55Qj/import-data-menu-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/26Wkf6CBOVihpYQcpkxn/import-data-menu-3.png)

Please follow this video:

{% embed url="<https://www.youtube.com/watch?v=Tg_4gT9quXM>" %}