# Membuat Mega Menu

**\*\*MEMBUAT MEGA MENU TIPE 1\*\***

![](/files/-Ldwm4Uq26lFHvyn1aVy)

Sebelum membuat Mega Menu seperti gambar di atas, Anda diwajibkan sudah membuat kategori menu terlebih dahulu.

Berikut ini langkah-langkah untuk membuat mega menu:

1\. Login di website admin > Akses ke menu **Journal > Dashboard > Menus > Main menu**&#x20;

2\. Klik **Add Menu Item +** untuk membuat menu baru atau juga dapat mengklik **Menu Item 2,3,**&#x64;st untuk mengedit bentuk menu yang sudah ada (dari default template)

3\. Selanjutnya setting menu tersebut seperti pada gambar dibawah ini.&#x20;

![](/files/-Ldwmt-8qBmtmgT9ojLk)

* **Main Menu Type:** Pilih **Mixed** agar dapat mengkombinasikan link dengan image/banner.
* **Menu Name**: update nama menu yang ingin Anda tampilkan pada row menu atas halaman website.

\
4\. Selanjutnya Anda tinggal mengupdate Sub Menu pada induk kategori tersebut. Yaitu pada **Column 1** dan **Column 2**.&#x20;

Update **Column1:** klik pada **Column 1**, kemudian update seperti gambar dibawah ini.

![](/files/-Ldwn_OkjRskpdnFHmzk)

* **Column Type:** pilih **Category**&#x20;
* **Category Menu Item:** Pilih **Manual**&#x20;
* **Categories:** tambahkan Categori sebanyak yang ingin Anda tambahkan dengan mengklik tombol **Add**. Select dan pilih induk atau sub kategori yang ingin dipilih.&#x20;
* **Image Dimension**: untuk image dimension ada dapat mengkosongkan saja (sudah otomatis).
* **Item Limit**: Anda dapat membatasi jumlah Sub/Anak kategori yang akan muncul otomatis kebawah. Misalnya 4,5,6,7,8 dst. <br>

5\. Jika telah selesai mengupdate, klik **Save**.&#x20;

Berikutnya, mengupdate pada **Column 2**&#x20;

Untuk mengupdate pada **Column 2** (menampilkan high light produk khusus), ikuti petunjuk di bawah ini:

1. Ikuti petunjuk dibawah:

![](/files/-Ldwp52L-vpkwTm7BUeU)

* **Column Type**: pilih **HTML**&#x20;
* **Menu Name:** Anda dapat bebas untuk memberi nama pada menu tersebut contoh **On Sale, Best Seller, Featured,** dll
* **Content**: Silahkan masukan gambar yang ingin Anda Update pada colom Content dengan mengklik icon image. <br>

2\. Jika telah selesai klik **Save**.

**\*\*MEMBUAT MEGA MENU TIPE 2\*\***

![](/files/-Ldwph9u8JZ3dWjXRvLv)

Untuk membuat mega menu seperti bentuk pada gambar di atas, silahkan ikuti langkah berikut ini:&#x20;

1\. Akses ke menu **Journal > Dashboard > Menus > Main menu**&#x20;

2\. Klik **Add Menu Item +** untuk membuat menu baru atau juga dapat mengklik **Menu Item 3** untuk mengedit bentuk menu yang sudah ada ( dari default template)&#x20;

3\. Selanjutnya setting menu tersebut seperti pada gambar dibawah ini.

![](/files/-LdwqEyL2LGYxi8stGtQ)

* **Main Menu Type:** Pilih **Category**&#x20;
* **Category Menu Type:** Pilih **Mega Menu**
* **Category Menu Item**: Pilih **Manual**&#x20;
* **Categories**: Tambahkan category sebanyak yang ingin Anda masukan pada menu tersebut. Klik “**Add**” untuk menambah.
* **Show**: Pilih **Both** agar link menampilkan gambar beserta link.&#x20;
* **Menu Item**: Tulis nama Link pada Column tersebut yang akan tampil pada main menu website.&#x20;
* **Image Dimension**: kosongkan saja. (image dimensi sudah otomatis)
* **Item Limit**: Anda dapat membatasi jumlah Sub/Anak kategori yang akan muncul otomatis kebawah. Misalnya 4,5,6,7,8 dst. <br>

4\. Setelah selesai klik **Save**.&#x20;


---

# 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.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/header/setting-dropdown-menu/membuat-mega-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.
