Membuat Tampilan Multi Level (Dropdown Standar)

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.

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.

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

  • Menu Link: untuk mengisi link, agar submenu yang diklik akan mengarahkan ke link/halaman tertentu.

  • Menu Name: Isi kembali nama menu yang akan ditampilan.

2. Jika sudah, klik Save.

Last updated