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


---

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