> 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-tampilan-multi-level-dropdown-standar.md).

# Membuat Tampilan Multi Level (Dropdown Standar)

![](/files/-LdqraKo289dt2iqD0wX)

![](/files/-LeFbQh4afgLFAeiSYDW)

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.

![](/files/-Ldrv6zCRBkrDO4CESm3)

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.&#x20;
* **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.&#x20;
* **Menu Name**: Masukan nama “Judul” link drop down menu tersebut.
* **Status**: Pilih **ON** agar menu tersebut diaktifkan **(**&#x4A;ika 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:

![](/files/-Ly8a3o4DXQs3SRYNvYC)

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