> For the complete documentation index, see [llms.txt](https://docs.oceanesia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/header/setting-dropdown-menu/membuat-mega-menu.md).

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

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

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

![](/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**. 

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

![](/files/-Ldwn_OkjRskpdnFHmzk)

* **Column Type:** pilih **Category** 
* **Category Menu Item:** Pilih **Manual** 
* **Categories:** tambahkan Categori sebanyak yang ingin Anda tambahkan dengan mengklik tombol **Add**. Select dan pilih induk atau sub kategori yang ingin dipilih. 
* **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;