> 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/menus.md).

# Menus

**Menus** adalah sebuah elemen penting untuk memudahkan pelawat-pelawat mendapatkan maklumat tentang website ecommerce dengan Shoppego.

Secara asasnya Shoppego sudah sediakan **2 jenis Menu yang ada** di dalam setiap Themes iaitu:-

* <mark style="color:blue;">**Menu**</mark><mark style="color:blue;">.</mark>

{% content-ref url="/pages/VI9yli4zmxbW2uWH3C5B" %}
[Main Menu](/tutorials/ms/online-store/menus/main-menu.md)
{% endcontent-ref %}

* <mark style="color:blue;">**Footer menu.**</mark>

{% content-ref url="/pages/9sYZDeKmxmdmvuSXzh30" %}
[Footer Menu](/tutorials/ms/online-store/menus/footer-menu.md)
{% endcontent-ref %}

Namun secara asas sekiranya pertama kali baru mendaftar, hanya Main Menu sahaja yang telah ditetapkan kepada pengguna.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b403be258e218a8f4ccf2265c47cbf255964da98%2FcI9GzM1hEBHZyrz7nYJM.jpg?alt=media)

## **Main Menu**

**Main Menu** adalah menu yang berada di bahagian paling atas di dalam website. Rujuk gambar di bawah:

### **Theme Solaris**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-6f4933c692381f5394beef091ceef11e30a1ae09%2F-MBcc1r3jOqX5uIsKb1p.png?alt=media)

### **Theme Hartamas**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-7421b4d6919a0b4a49568fee4c7fa9c1c4c66dad%2F-MBccBSQJ_V4muGuT2tD.png?alt=media)

**Home, Products, Tentang Kami** adalah merupakan **Menu item** yang berada di dalam **Main Menu**.

## **Footer Menu**

Footer Menu adalah menu yang berada di bahagian paling bawah di dalam website.\
Rujuk gambar di bawah:-

### **Theme Hartamas**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-239143f9a544d19cbda3ff4936f5adac25398472%2F-MBccN6rTwLfEcOPoFlg.png?alt=media)

### **Theme Solaris**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-662675f4d86e1f9220143598e0a743f0022e9b6b%2F-MBccUW1DXwm6cO0XfDd.png?alt=media)

**New Arrival, Fast Selling** adalah merupakan **Menu Item** yang berada di dalam **Footer Menu**.

## **Menu item**

Menu item adalah komponen yang akan dimasukkan ke dalam **Main Menu** atau **Footer Menu** untuk membolehkan link tersebut di klik dan navigasi ke destinasi yang telah ditetapkan.

Menu item boleh dinavigasi kepada **Pages** dan **Categories** anda. Ini bermaksud, apabila menu item tersebut di klik, ianya akan dibawa kepada pages atau categories yang telah ditetapkan.

## Advance menu

Advance menu ini boleh digunakan untuk **plan Standard** dan ke-atas sahaja.

{% hint style="info" %}
**\*\***<mark style="color:red;">**Perhatian**</mark>**&#x20;:** untuk menu registration pelanggan, ianya hanya available untuk **plan&#x20;**<mark style="color:red;">**Premium**</mark> dan ke-atas sahaja.
{% endhint %}

Anda boleh membawa pelanggan anda ke link **Register/Login** pada website anda dengan menggunakan link-link seperti ini.

<table data-header-hidden><thead><tr><th width="189">Links</th><th>Penerangan</th></tr></thead><tbody><tr><td><strong>Links</strong></td><td><strong>Penerangan</strong></td></tr><tr><td>/account</td><td>Link ini akan membolehkan anda bawa pelanggan anda ke page account mereka. Disini ia membolehkan mereka untuk lihat order yang pernah dibuat oleh mereka.</td></tr><tr><td>/account/login</td><td>Link ini akan membolehkan anda bawa pelanggan ke page Login</td></tr><tr><td>/account/register</td><td>Link ini akan membolehkan anda bawa pelanggan ke page Register</td></tr><tr><td>/account/orders</td><td>Link ini akan membolehkan anda bawa pelanggan anda ke page orders mereka. Disini ia membolehkan mereka untuk lihat details order yang pernah dibuat oleh mereka sebelum ini.</td></tr><tr><td>/account/logout</td><td>Link ini membolehkan pelanggan anda untuk logout dari akaun mereka setelah mereka login pada website anda.</td></tr></tbody></table>