# Membuat Mega Menu

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

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LdwlSoFCL3qXhDQjRNZ%2F-Ldwm4Uq26lFHvyn1aVy%2FScreenshot_61.png?alt=media\&token=866c4af0-208d-4e88-9a96-4ab1a97cef15)

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. 

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LdwlSoFCL3qXhDQjRNZ%2F-Ldwmt-8qBmtmgT9ojLk%2FScreenshot_62.png?alt=media\&token=386d7cba-2115-497e-9a8c-9599cd3226fc)

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

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LdwlSoFCL3qXhDQjRNZ%2F-Ldwn_OkjRskpdnFHmzk%2Fimage.png?alt=media\&token=2728060a-2ba8-41df-9d4f-2075dbc902b5)

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

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Ldwop2U5VAU9iuIKbPC%2F-Ldwp52L-vpkwTm7BUeU%2FScreenshot_64.png?alt=media\&token=05849bb3-a7e7-40de-bb95-72bcd72f63da)

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

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Ldwop2U5VAU9iuIKbPC%2F-Ldwph9u8JZ3dWjXRvLv%2FScreenshot_65.png?alt=media\&token=37335673-a4b0-4f54-9cb0-426a04a38baf)

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.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Ldwop2U5VAU9iuIKbPC%2F-LdwqEyL2LGYxi8stGtQ%2FScreenshot_66.png?alt=media\&token=a04740f5-49a4-4277-a239-0807678bc09c)

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