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

# How to Install

Documentation on how to install Champion Tebex Theme or Gladiator Tebex Theme.

{% hint style="danger" %}
In order to upload and use custom templates/themes on Tebex, you need to have [Tebex Plus Plan](https://www.tebex.io/pricing). No refunds will be issued if reason for them is you not having a Plus Plan.
{% endhint %}

{% hint style="info" %}
If you encounter any issues during installation feel free to join Support Server and ask for help.
{% endhint %}

Installation is very easy and consists of two things, Template Installation and Theme Installation, of which both are done in just a few simple steps:

## Template Installation

{% hint style="info" %}
When copying file content, open it in Notepad/Text Editor and copy from there, **don't open it in browser**.
{% endhint %}

1. Go to the [Tebex Templates Page](https://creator.tebex.io/templates/), scroll to the bottom and click 'Create Custom Template' Button
2. Give the Template name and for 'Base Template' select 'Exo' and you'll be redirected to Template Editor
3. All you have to do is to open ZIP file that you got after purchase and to **copy-paste the contents of every file from ZIP into the corresponding file** on Template Editor Page.  \
   **!! READ THIS CAREFULLY** !!
   1. Ignore `theme.css` as it's used for the [Theme Installation](#theme-installation)
   2. To paste `schema.json` file, you need to click '[Change Schema](https://i.imgur.com/xv6QTSd.png)' Button on the left  sidebar of Template Editor page and then paste it on the right side
   3. Files from `assets` folder doesn't have corresponding file on the sidebar as they're custom. To upload those files you'll need to scroll down on the sidebar to [Assets section](https://i.imgur.com/HuOnbxZ.png) and click button 'Add', after that you select **Twig** as Asset Type and then just click 'Upload' and select all files from `assets` folder and upload them.\
      **IMPORTANT:** For  `head.twig` & `sidebar.twig` assets, you can either first delete them from sidebar and then upload, or copy-paste contents from zip to the ones on sidebar  without  deleting.
4. Click the '[Publish](https://i.imgur.com/ZDZV3ZT.png)' Button from the top of 'Template Editor'
   1. Make sure that Template is activated by going to [Templates](https://creator.tebex.io/templates/) and scrolling down to your template which should have 'Activated' Text next to it, otherwise just click 'Activate' to activate.
5. Now you can start with the [Theme Installation](#theme-installation)

## Theme Installation

1. Go to the [Appearance Tab](https://creator.tebex.io/appearance) on Tebex Dashboard and scroll down to the 'Theme' Field
2. Click 'Choose Theme' or 'Change' Button, depending on which choice you have
3. Click 'Create Custom Theme' button, or if it's not there, then scroll to the bottom and click 'Create your first custom theme' Button
4. Choose the name for theme and copy the contents of `theme.css` file into the stylesheet field and click 'Save'
5. Activate Theme by clicking 'Activate' and confirming

🎊 That's it! Now you have your theme installed and your store is ready for customers!

{% hint style="info" %}
If theme is not visible on your store after you activated it, go back to [Themes Page](https://creator.tebex.io/themes), click 'Edit' next to your theme and click 'Save & Publish' from the top.
{% endhint %}