# Footer Menu

Untuk membuat tetapan pada menu terdapat 2 langkah iaitu:- 

1. Membina Page/Category 

* Rujuk tutorial bina page di link berikut: [**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 %}

* Rujuk tutorial bina category di link berikut: [**Categories**](/ms/products/categories.md)

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

2. Mencipta menu kepada page/category. 

Tutorial ini akan terus kepada langkah kedua. Sekiranya Page atau Categories masih lagi belum dicipta boleh ikuti tutorial seperti link di atas. 

## Bahagian 1 : Mencipta Footer Menu

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

![](/files/cI9GzM1hEBHZyrz7nYJM)

2. Klik pada butang **Add Menu.** Masukkan perkataan **Footer menu** pada ruangan **Title.** 

{% hint style="info" %}
\*\*<mark style="color:red;">**Perhatian**</mark>: Pastikan **ejaan** dan huruf besar atau kecil adalah **sama**. seperti di dalam gambar di bawah.&#x20;
{% endhint %}

3. Klik butang **Save**

![](/files/-MBcdzFCBzb3_vaXSyMT)

4. Seterusnya footer menu yang bari dicipta sebentar tadi akan terpapar. Klik pada tab **Menu items**

![](/files/-MBce6AOBFJEmSExthze)

5. Paparan selepas klik tab **Menu items**

![](/files/-MBceFjbERx4IZQzpoka)

6. Seterusnya klik 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/-MBceTETTRNE9jA60eH1)

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

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

### 2 : Dapatkan Link bagi Categories

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

![](/files/-MBcenidH8Qq7TCHaFax)

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/-MBcevDddttNbTolGNJl)

Klik butang **Add**.

Kini anda boleh cuba lihat pada homepage akan terpapar satu **footer menu** yang baru diciptakan sebentar tadi iaitu menu **New Arrival**

![](/files/-MBcf0sH3WIbmD-WamRc)


---

# 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/footer-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.