# Main Menu

Untuk membuat tetapan pada menu terdapat 2 langkah iaitu dengan menghubungkan Page / Category :

**Tutorial** bina page: [**Pages**](/ms/online-store/custom-pages/build-pages.md)

{% content-ref url="/pages/-MBbHX-IUFIFGllTa-Sh" %}
[Build Pages](/ms/online-store/custom-pages/build-pages.md)
{% endcontent-ref %}

**Tutorial** bina category: [**Categories**](/ms/products/categories.md)

{% content-ref url="/pages/-MBRtqPMcPBFiW7nkgg4" %}
[Categories](/ms/products/categories.md)
{% endcontent-ref %}

## **Bahagian 1 : Cipta Main Menu**

1. Log masuk ke dashboard dan pergi kepada **Online Store** -> **Menus**\
   Paparan seperti di bawah akan keluar. 

![](/files/cI9GzM1hEBHZyrz7nYJM)

2. Klik pada perkataan **Main Menu.** Paparan seperti di bawah akan keluar. Perhatikan terdapat tab untuk **Menu** dan juga tab untuk **Menu Items.**

{% hint style="info" %}
**\*\***<mark style="color:red;">**Perhatian**</mark>**: Pages** atau **Categories** hanya perlu dimasukkan kepada **Menu Items** dan bukan pada **Menu**.
{% endhint %}

![](/files/xfNxA4YQWATvoe9rpWWC)

## Bahagian 2 : Cipta Menu Items

Klik pada tab **Menu Items**. Pastikan paparan seperti di bawah ini akan keluar selepas klik pada **Menu Items.**

{% hint style="info" %}
**\*\***<mark style="color:red;">**Perhatian**</mark>**: Pages** atau **Categories** hanya perlu dimasukkan kepada **Menu Items** dan bukan pada **Menu**.
{% endhint %}

![](/files/eQt4oVQWeiph3XKoV3QY)

4. Seterusnya klik pada butang **Add menu item.** Pada ruang **Title** masukkan apa-apa nama yang melambangkan page anda. \
   \
   Pada ruang link masukkan handle sahaja. Contoh adalah seperti dibawah:

* **Pages :   /pages/nama-page-anda**
* **Categories : /categories/nama-category-anda**

{% hint style="info" %}
**\*\***<mark style="color:red;">**Perhatian**</mark>**:** Pastikan anda <mark style="color:red;">**tidak**</mark>**&#x20;meletakkan jarak** antara **/** dan **Nama page** anda. Perkara sama juga untuk Categories.
{% endhint %}

Sebagai contoh:

* **/pages/**<mark style="color:red;">**<->**</mark>**nama-page-anda** ❌
* **/pages/nama-page-anda** ✅

### 1 : Dapatkan Link bagi Pages

&#x20;Terdapat **dua cara** untuk dapatkan link mengikut interface builder anda:&#x20;

1. &#x20;**Pages**:  Pergi ke **Online store** -> **Pages**-> klik butang **Edit** pada **Nama page** dan copy **URL**.

![](/files/-MBcdI5yhwTji5x4SY_8)

2. **Pages**:  Pergi ke **Online store** -> **Pages**-> **Edit** -> **More** -> **Settings** -> **SEO** -> copy **URL**.

<figure><img src="/files/IdL86YIf2ulusWuKs1O2" alt=""><figcaption></figcaption></figure>

### 2 : Dapatkan Link bagi Categories

**Categories**: Pergi ke **Products** -> **Categories** -> klik **Edit** pada **categories** -> klik tab **SEO** copy **URL.**

![](/files/-MBcdPKYpnsNmZYQF_v3)

5. Paste kan **URL** tu pada ruangan **Link.** Contoh adalah seperti gambar di bawah.&#x20;

{% hint style="info" %}
\*\*<mark style="color:red;">**Perhatian**</mark>: Sila pastikan <mark style="color:red;">**ejaan**</mark> pada **Link menu items** yang anda telah salin dari **SEO Page** dan **SEO Categories** adalah <mark style="color:red;">**sama**</mark>.
{% endhint %}

![](/files/-MBcdY5gRDWVIGNhiXpz)

6. Klik butang **Add**\
   \
   Kini anda boleh cuba lihat pada main menu akan terpapar satu menu yang baru diciptakan sebentar tadi iaitu menu **Tentang Kami**

![](/files/-MBcdg1sWdKLKU4cSTPt)

## **Bahagian 3 : Dropdown Menu**&#x20;

### 1 : Dropdown Menu

Anda juga boleh lakukan fungsi Drag and Drop pada menu items anda. Anda hanya perlu ajukan pointer mouse ke ikon anak panah tersebut dan klik untuk **DRAG and DROP**.

<figure><img src="/files/LMFRdPKeaUnyZKju64sV" alt=""><figcaption></figcaption></figure>

Kemudian, anda akan dapat lihat paparan pada menu di laman web anda telah berubah.

<figure><img src="/files/tOdtjd4cDk7C3yxmKvDr" alt=""><figcaption></figcaption></figure>

### 2 : Pautan Tajuk Dropdown

Sekiranya anda mahu membuat Tajuk bagi Menu <mark style="color:red;">**tanpa link**</mark>**&#x20;yang spesifik**, anda **hanya perlu letakkan /** pada **ruangan Link (1)**. Selepas itu, anda boleh tekan butang **Save (2).**

<figure><img src="/files/19BCf1j704205tzpbFoK" alt=""><figcaption></figcaption></figure>

Paparan bagi menu anda akan seperti dibawah :&#x20;

<figure><img src="/files/g6uyEaovja82iP36X1Ky" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Tier dropdown hanya boleh dicipta sehingga **3 Tier sahaja**.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shoppego.com/ms/online-store/menus/main-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.