oceanesia
  • About
  • Features
  • Features
    • Aplikasi Android
    • Blog Wordpress
    • Cek Mutasi Bank
    • Comodo SSL
    • Copyright Footer
    • Custom Group Product
    • Custom Landing Page
    • Custom Poin
    • Custom Sistem
    • Customization teks notif WA
    • Design Banner
    • Design Logo
    • Diskon Pengiriman
    • Dropship Sistem
    • Facebook Login
    • Facebook Pixel & Catalog
    • Fitur design produk kaos, topi, totebag, mug, dll
    • Fitur image per varian produk
    • Google Login
    • Grup Member/ Reseller System
    • Integrasi data stok dan penjualan ke Marketplace By Jubelio
    • Konten Proteksi
    • Lacak Resi
    • Notif User Access
    • Pembayaran Gopay, Ovo, Dana
    • Pilihan Kurir
    • Random Kode Unik
    • Share & Get Discount
    • Toko Cash (Cashback)
    • Voucher dan Kupon
    • WhatsApp Notif Order
    • Whois Domain Protection
    • Auto Konfirmasi dan Cek Mutasi By Moota
    • Integrasi POS dari Dealpos
    • Asuransi Pengiriman
  • Changelog
    • Changelogs
  • Tutorial
    • Manual Book V 1.0
      • Pengenalan Halaman Dashboard
      • Masuk Halaman Admin
      • Panduan Awal Update Data Toko Online
      • Pengaturan Detail Website
      • Ganti Password Admin
      • Informasi Peraturan dan Kebijakan Website
      • Cara Mengaktifkan SEO
      • Update Logo dan Icon
      • Setting Ukuran Banner Utama
      • TAMPILAN WEBSITE
        • Top Bar
          • Mengubah Warna Background pada Top Bar
          • Font Top Bar
          • Update Header Notice
        • Header
          • Setting Dropdown Menu
            • Membuat Mega Menu
            • Membuat Tampilan Multi Level (Dropdown Standar)
          • Setting Urutan Menu
          • Mengubah Warna Background
          • Menambahkan Gambar Background
          • Ubah Font pada Main Menu
          • Update Menu pada Main Menu
          • Mengaktifkan Sticky Header
        • Body Website
          • Mengubah Warna Background
          • Menambahkan Gambar Background
          • Mengubah Font Global
        • Footer
          • Mengubah Warna Background
          • Menambahkan Gambar Background
          • Update Menu Footer
          • Update Informasi di Link Footer
          • Update Informasi Toko
          • Update Company Map
          • Update Sosial Media
          • Update Logo Payment
          • Edit Copyright
        • Tampilan Produk
          • List Produk
            • Ubah Font pada Nama Produk
            • Ubah Background pada Foto Produk
            • Membuat Kelompok List Produk
            • Update Label Produk
          • Halaman Produk/Product Page
            • Mengubah Tampilan pada Halaman Produk
            • Menambahkan Produk Terkait
            • Tombol Add To Cart
            • Zoom Foto Produk
      • Update Rekening Pembayaran
      • Mengaktifkan Pembayaran Paypal
      • Cara Upload Produk (Video)
      • Cara Upload Produk (Teks)
      • Fitur Opsi Pada Produk
      • Fitur Atribut (Spesifikasi Produk)
      • Setting Harga Discount dan Khusus
      • Menentukan Kategori Produk
      • Menampilkan Produk Terkait (Related Products)
      • Cara Menyembunyikan Harga Produk
      • Cara Menyembunyikan Tampilan Jumlah Produk Yang Tersedia dan Terjual
      • Update Label "Out of Stock" atau "Sold Out" Pada Produk
      • Menambahkan/Menghilangkan Sistem PreOrder Produk
      • Setting Poin Pelanggan
        • Setting Poin Untuk Pembelian Produk
        • Add Reward Points Pelanggan
        • Input Nilai Poin Pelanggan
        • Cara Menggunakan Poin (Untuk Pelanggan)
      • Fitur Ulasan/Rating Produk
      • Fitur Kupon
      • Fitur Voucher Hadiah
      • Update Ukuran Foto Produk
      • Fitur Unduhan
      • Fitur Export - Import
      • Fitur Lacak Resi
      • Update Pop-Up Newsletter
      • Update Newsletter di Bottom Page
      • Mengaktifkan Chat Sosial Media
      • Mengaktifkan Chat Tawk.to
      • Fitur WA Notif pada Status Pesanan
      • Fitur Pelanggan
      • Grup Pelanggan
      • Kolom Custom Pelanggan
      • Pemrosesan Order Customer
        • Simulasi Proses Order
        • Cetak Faktur Invoice
      • Opsi Pengiriman Untuk Order Customer
      • Update Blog Posts Pada Website
        • Membuat Posting
        • Approve Komentar Pada Blog
        • Menonaktifkan Blog Post
      • Mengaktifkan Google Maps
        • Mengaktifkan Google Maps Versi Button/Tombol
        • Mengaktifkan Google Maps Versi Page
      • Setting Widget Instagram
      • Update Link Sosial Media Pada Side Web
        • Link Twitter
        • Link Facebook Page
        • Link Instagram
        • Link Google Maps
      • Update Lookbook / Gallery Photo
      • Setting Diskon Pengiriman
      • Input Customer Order
      • Mengaktifkan Modul Kalkulasi Harga Berdasarkan Ukuran
      • Cara Menggunakan Fitur Lacak Resi
    • Informasi Tambahan
      • Fitur Afiliasi
        • Pendahuluan
        • Setting Komisi Afiliasi
        • Memunculkan Link Afiliasi
      • Fitur Marketing Tracking
      • Batas Pengiriman Email pada ZohoMail
      • Cara Menambahkan Akun ZohoMail
      • Batas Pengiriman Email pada GSuite
      • Cara Mendaftar GSuite
      • Setting Email GSuite
        • Informasi Tambahan Gsuite
      • Cara Mengintegrasikan Akun Midtrans ke Website
      • Tips Compress File Image
      • Mengaktifkan Google Analytics
      • Cara Mengaktifkan Google reCAPTCHA pada Website
      • Cara Mendapatkan ID dan Secret Key FB Login
      • Menambahkan Watermark pada Foto Produk
    • Setting Template
      • Amora
        • Update Banner Utama Slider
        • Update 2 Banner
      • Amrita
        • Update Banner Utama
        • Update Banner di Tengah Halaman
      • Blanco
        • Update Banner Utama
        • Update Banner Product Categories
        • Update Gambar dan Teks Testimonial
        • Update Informasi CMS Blocks
      • Cakes
        • Update Banner Utama
        • Update Mini Banner Home
        • Update Informasi CMS Block
        • Update Row Brand
        • Update Gambar Background Template
      • Caroline
        • Update Banner Utama
        • Update Gambar Mini Banner Tengah
      • Colby
        • Update Banner Utama
        • Update Mini Banner Tengah
        • Update Mini Banner Bawah
        • Update Produk Trending
      • Elliana
        • Update Banner Utama
        • Update Mini Banner Tengah
        • Update Mini Banner Bawah
        • Update Banner Category Product
        • Update Gambar dan Teks Testimonial
        • Update Row Brand
      • Foodlove
        • Update Banner Utama
        • Update 3 Gambar Pada Mini Banner Atas
        • Update Big Banner (di Tengah Website)
        • Update Informasi CMS Blocks
      • Furnix
        • Update Banner Utama
        • Update Mini Banner Atas
        • Update Gambar dan Teks Testimonial
        • Update Row Brand
      • Gabang
        • Update Banner Utama
        • Update Top 3 Mini Banner
        • Update Middle Grid Revolution Banner
        • Update Bottom Mini Banner
        • Update Gambar dan Teks Testimonial
      • Giga-Shop
        • Update Banner Utama
        • Update Mini Banner Home
        • Update Mini Banner Left Page
        • Membuat Flyout Menu
          • Flyout Menu Tipe 1
          • Flyout Menu Tipe 2
          • Flyout Menu Tipe 3
          • Flyout Menu Tipe 4
        • Update Gambar dan Teks Testimonial
        • Update Row Brand
      • Kidloves
        • Update Banner Utama
        • Update Informasi CMS Blocks
        • Update Mini Banner
        • Update Row Brand
      • Maddox
        • Update Banner Utama
        • Update Banner Kategori
        • Update Row Brand
        • Update Gambar dan Teks Testimonial
      • Marviza
        • Update Banner Utama
        • Update Banner Kategori
      • Madelyn
        • Update Banner Utama
        • Update Mini Banner
        • Update Mini Slider Left page
        • Update Modul Type pada Slider Carousel
      • Max-Theme
        • Update Banner Utama
        • Update Informasi CMS Blocks
        • Update Teks Banner
        • Update Mini Banner
        • Update Gambar dan Teks Testimonial
      • Nero
        • Update Banner Utama
        • Update Gambar dan Teks Testimonial
        • Update Informasi CMS Blocks
      • Savana
        • Update Banner Utama
        • Update Mini Banner
        • Update Informasi CMS Blocks
        • Update Gambar dan Teks Testimonial
      • Vanesa
        • Update Banner Utama
        • Update Informasi CMS Blocks
        • Update Accordion
    • Android
      • Yang Harus Disiapkan Untuk Membuat Aplikasi Android
  • Troubleshooting
    • TROUBLESHOOTING
      • Checkout Lemot
      • Tombol Like FB yang Error
      • Mengatasi Status Order Yang Selalu Cancel
Powered by GitBook
On this page

Was this helpful?

  1. Tutorial
  2. Manual Book V 1.0
  3. TAMPILAN WEBSITE
  4. Header
  5. Setting Dropdown Menu

Membuat Tampilan Multi Level (Dropdown Standar)

PreviousMembuat Mega MenuNextSetting Urutan Menu

Last updated 5 years ago

Was this helpful?

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.