> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/en/online-store/themes.md).

# Themes

Different themes have unique styles, designs, and experiences that suit the specific products you sell. With Shoppego themes, you can customize your online store to match the needs of your brand and business.

At Shoppego, we have 6 types of themes that you can use, including:

1. [Hartamas Themes](/tutorials/en/online-store/themes/themes-type/hartamas.md)
2. [Solaris Themes](/tutorials/en/online-store/themes/themes-type/solaris.md)
3. [Tampin Themes](/tutorials/en/online-store/themes/themes-type/tampin.md)
4. [Linggi Themes](/tutorials/en/online-store/themes/themes-type/linggi.md)
5. [Jugra Themes](/tutorials/en/online-store/themes/themes-type/jugra.md)
6. [Bota Themes](/tutorials/en/online-store/themes/themes-type/bota.md)

At Shoppego, to make it easier for users to create their own themes, we have introduced a system called Shopway. For users who want to get our theme template format directly, you can go to this link: <https://gitlab.com/shoppegram/shopway>

For users who are skilled in coding, you can make changes to existing coding themes to make layout changes and so on. For this setting, you can go to the section:

1. Log in to the Shoppego dashboard

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b853fc0189b34fb1d3990f5b1f53fa71deb9d384%2FlCN7aw3FznaFFoOAyya2.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Click on **Online store**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-26af333e4f5eb27b9c25ea98888010f03203d8e9%2FkeUJfqCVf9Am4GjjKCHx.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Click on **the arrow icon (next to the Customize button)**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-806991398c07679694b6f11a4616c07a228e5353%2FJgqx2P2qIJKxaGLrp6fd.jpg?alt=media" alt=""><figcaption></figcaption></figure>

4. Click **Edit**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-c22f786d87b5a6bc381edac2dc111afa4af13566%2FPGiEuTE2Akf35PjNbh16.jpg?alt=media" alt=""><figcaption></figcaption></figure>

5. **Untick** the "**Use parent template**" toggle and click **Save**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-cf42017bcc7fdd714c799d834aaa54628d65d496%2FsQMTevZYKHg2nl8BOX0A.jpg?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Users should note that if you disable the "Use parent template" function, it means that the themes will no longer receive any updates from us.
{% endhint %}

To **access the coding page**, you can click on **the arrow icon (next to the Customize button)**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b8217fa1d61ace89b943a2484fc6ed4eab9bfe76%2FLg50BCa7rUx6ysmt9SJj.jpg?alt=media" alt=""><figcaption></figcaption></figure>

Then, you can click on **Edit HTML/CSS**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-1b477c023e3e7ac1a2e48a45f0e475663cbc8794%2F90NxSiQ6xe69dNHy40V8.jpg?alt=media" alt=""><figcaption></figcaption></figure>

In this section:

1. [Themes structure](/tutorials/en/online-store/themes/themes-structure.md)
2. [Themes variable](/tutorials/en/online-store/themes/themes-variable.md)