# Membuat Tampilan Multi Level (Dropdown Standar)

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Ldqr5B6b15_qaIswnIV%2F-LdqraKo289dt2iqD0wX%2Fimage.png?alt=media\&token=e231b75a-d1df-496f-aa0e-cc2cef00d636)

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LeFY5c1TgS6iz83SFCx%2F-LeFbQh4afgLFAeiSYDW%2Fimage.png?alt=media\&token=12e33a70-9586-4eac-be99-af5701c4e8c1)

Untuk membuat tampilan dropdown menu menjadi list seperti 2 contoh diatas, caranya adalah sbb:

1. Login di website admin > masuk ke menu **Journal > Dashboard > Menus > Main Menu >** klik pada **Menu Item 1,2,3,** dst > maka tampilannya seperti ini.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LdrnuTRSIcQL6V7E1KN%2F-Ldrv6zCRBkrDO4CESm3%2Fimage.png?alt=media\&token=d3c49acf-f4b9-4cd9-be98-4593f163d082)

a. **Main Menu Type:** Pilih **Category,** Atau Anda juga bisa memilih opsi yang lain (lihat penjelasannya setelah penjelasan Category). \
Setelah Anda memilih Category maka akan muncul menu seperti pada gambar dan ikuti petunjuk pengisian berikut:

* **Icon**: pilih icon jika ingin menambahkan icon.
* **Float**: Untuk perataan teks pada Menu tersebut. Pilih **Left** jika ingin menu teks merapat ke kiri, atau pilih **Right** jika ingin menu merapat kearah kanan. Pada kali ini kita memilih **Left** agar teks merapat ke kiri.
* **Hide Text**: Pilih **Yes** jika ingin menyembunyikan **Text,** atau pilih **No** jika ingin menampilkan **Text**. (Untuk default pilih “**No**”).
* **Category Menu Type:** Pada kali ini kita memilih “**Multi Level**” karena akan membuat Menu berbentuk dropdown standar seperti gambar diatas. 
* **Category Menu Item:** Pilih **Existing** jika hanya ingin membuat satu “judul” kategori link dropdown menu untuk 1 induk kategori utama saja. Atau pilih **Manual** jika ingin membuat satu “judul” kategori link dropdown menu diisi dengan banyak induk kategori utama. (Pada kali ini kita pilih “**Manual**” agar dapat memasukkan banyak induk kategori utama seperti pada contoh gambar sebelumnya. Yaitu induk kategori “Blazer, Suits, Sweatshirts, Jackets, dst”).
* **Categories:** Klik **Add** untuk menambahkan kategori produk. Dan select induk kategori yang ingin Anda masukan pada kolom tsb. (Note: pada saat select bersifat auto complete, maka ketik nama induk kategori pada kolom tersebut untuk memunculkannya, jika sudah muncul maka klik pada nama kategori yang ingin ditampilkan). \
  Untuk menambahkan induk kategori utama yang lain silahkan kembali klik tombol “**Add**” sebanyak kebutuhan induk kategori yang ingin Anda masukan. 
* **Menu Name**: Masukan nama “Judul” link drop down menu tersebut.
* **Status**: Pilih **ON** agar menu tersebut diaktifkan **(**Jika Anda ingin menonaktifkan nya, maka set **Status** menjadi **OFF).**
* **Sort Order**: isi dengan angka untuk mengurutkan urutan menu. Misal 1 untuk posisi pertama, 2 untuk posisi ke dua,dst. <br>

2\. Jika pada **Main Menu Type** Anda memilih opsi yang lain, seperti **Custom,** maka ikuti pengisiannya dibawah:

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Ly8NSX7nl9RC5tpcsY8%2F-Ly8a3o4DXQs3SRYNvYC%2Fimage.png?alt=media\&token=11469964-34f8-4626-91c7-ffa00a326967)

* **Menu Link:** untuk mengisi link, agar submenu yang diklik akan mengarahkan ke link/halaman tertentu.
* **Menu Name:** Isi kembali nama menu yang akan ditampilan. <br>

2\. Jika sudah, klik **Save.**