> 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/ms/online-store/themes.md).

# Themes

Tema yang berbeza memberikan gaya unik, reka bentuk dan pengalaman yang disesuaikan dengan produk khusus yang anda jual. Dengan tema Shoppego, anda boleh menyesuaikan kedai dalam talian anda agar sepadan dengan keperluan jenama dan perniagaan anda.

Di Shoppego, kami mempunyai 6 jenis themes yang anda boleh gunakan, antaranya:

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

Di Shoppego, untuk memudahkan pengguna mencipta themes mereka yang tersendiri, kami ada memperkenalkan sebuah sistem iaitu Shopway. Untuk pengguna yang ingin terus dapatkan format template tema kami, boleh terus pergi ke link ini: <https://gitlab.com/shoppegram/shopway>

Untuk pengguna yang mahir dalam coding anda boleh lakukan perubahan coding themes sedia ada untuk lakukan perubahan layout dan sebagainya. Untuk penetapan ini, anda boleh pergi pada bahagian:

1. Log masuk dashboard Shoppego

<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. Klik pada **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. Klik pada **ikon anak panah(sebelah butang Customize)**

<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. Klik **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** pada toggle "**Use parent template**" dan klik **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" %}
Pengguna perlu ambil maklum, sekiranya anda lakukan penetapan nyah aktifkan fungsi "Use parent template" ini, ia bermakna themes tersebut sudah tidak akan terima sebarang update daripada pihak kami.
{% endhint %}

Untuk **akses halaman coding** pula, anda boleh klik pada **ikon anak panah(sebelah butang Customize)**

<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>

Kemudian, anda boleh klik pada **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>

Dalam bahagian ini:

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