Bantuan
Masuk

Menyiapkan menu tarik-turun di toko online Anda

Anda dapat menggunakan menu tarik-turun untuk mengelompokkan produk, koleksi, atau halaman dan mempermudah pelanggan menavigasi toko online Anda. Misalnya, jika Anda memiliki banyak produk, Anda mungkin ingin menambahkannya ke koleksi, lalu menggunakan menu tarik-turun dari menu utama untuk mengatur koleksi tersebut. Ini dapat membantu pelanggan menemukan jenis produk yang mereka cari.

Anda juga dapat menambah, menghapus, atau mengedit item menu di menu tarik-turun atau di menu default Anda.

Anda dapat melihat dan mengubah menu toko online dari Konten > Menu di admin Shopify Anda.

Di halaman ini

Membuat item menu berlapis untuk menyusun menu tarik-turun

Anda dapat membuat menu tarik-turun dengan membuat atau memindahkan item menu sehingga item tersebut tersusun berlapis di bawah item tingkat atas. Item tingkat atas ditampilkan di menu utama di toko online Anda, dan item menu berlapis ditampilkan di menu tarik-turun. Item tingkat atas dapat memiliki hingga dua tingkat menu tarik-turun berlapis.

Semua tema akan menampilkan item berlapis sebagai menu tarik-turun dari menu utama, dan beberapa tema akan menampilkan item berlapis sebagai menu tarik-turun di lokasi lain.

Menu utama dan menu tarik-turun ditampilkan di lokasi yang berbeda di toko online Anda, tergantung pada tema Anda. Beberapa tema menampilkan ikon di samping nama menu tarik-turun di menu utama untuk membantu pelanggan mengenali bahwa ada menu tarik-turun di sana.

Menambahkan menu tarik-turun dari menu utama

Anda dapat menambahkan menu tarik-turun dari item menu mana pun di menu utama.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Konten > Menu.

  2. Klik nama menu utama Anda.

  3. Pilih salah satu item menu utama untuk menjadi header menu tarik-turun Anda, atau tambahkan item menu baru. Jika Anda tidak ingin header tertaut ke mana pun, masukkan # di kolom Cari atau tempel tautan untuk item menu header.

  4. Untuk menambahkan item menu yang akan disertakan dalam menu tarik-turun, selesaikan tugas-tugas berikut:

    1. Klik Tambahkan item menu.
    2. Di kolom Nama, masukkan nama untuk item menu Anda.
    3. Di kolom Cari atau tempel tautan, masukkan atau pilih tujuan untuk item menu Anda.

  5. Klik Tambahkan, lalu klik Seret dan seret item menu untuk menyusunnya secara berlapis di bawah item menu header.

  6. Klik Simpan menu.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di menu Konten, ketuk ikon arrow down, lalu ketuk Menu.

  3. Ketuk nama menu utama Anda.

  4. Pilih salah satu item menu utama untuk menjadi header bagi menu tarik-turun Anda, atau tambahkan item menu baru untuk menjadi header. Jika Anda tidak ingin header ditautkan ke mana pun, masukkan # di kolom Cari atau tempel tautan untuk item menu header.

  5. Untuk menambahkan item menu yang akan disertakan dalam menu tarik-turun, selesaikan tugas-tugas berikut:

    1. Ketuk Tambah item menu.
    2. Di kolom Nama, masukkan nama untuk item menu Anda.
    3. Di kolom Cari atau tempel tautan, masukkan atau pilih tujuan untuk item menu Anda.

  6. Ketuk Tambah, lalu ketuk Drag dan seret item menu untuk menyusunnya di bawah item menu header.

  7. Ketuk Simpan atau ✓.

Menu tarik-turun juga dapat diterapkan di menu footer.

Langkah-langkah:

  1. Dari admin Shopify, buka Konten > Menu.
  2. Opsional: Ikuti prinsip penyusunan berlapis yang sama dengan yang digunakan untuk menu utama, seperti menyeret item menu ke bawah item header untuk membuat struktur tarik-turun dengan mengeklik Drag dan menyeret item ke tempatnya.
  3. Masukkan # di kolom Tautan untuk item header yang tidak boleh ditautkan ke halaman (misalnya, header "Dukungan" atau "Jelajahi").

Pertimbangan kompatibilitas tema

Tinjau pertimbangan berikut untuk menambahkan menu tarik-turun ke tema Anda:

  • Sebagian besar tema mendukung hingga dua tingkat menu tarik-turun berlapis. Periksa dokumentasi tema Anda atau uji item berlapis untuk memastikan kompatibilitas.
  • Beberapa tema mungkin memerlukan penyesuaian CSS untuk meningkatkan kegunaan seluler. Jangan sesuaikan tema jika Anda tidak terbiasa dengan kode tema. Pelajari selengkapnya tentang menyesuaikan tema.

Menentukan apakah tema Anda mendukung menu tarik-turun berlapis

Untuk menentukan apakah tema Anda saat ini mendukung jumlah maksimum tingkat menu tarik-turun berlapis yang ingin Anda terapkan, Anda dapat menggunakan sumber daya berikut:

  1. Periksa dokumentasi tema Anda: Tinjau dokumentasi tema untuk informasi spesifik tentang kapabilitas menu dan tingkat penyusunan berlapis yang didukung.
  2. Uji item berlapis: Buat struktur menu percobaan dengan jumlah tingkat berlapis yang Anda inginkan dan verifikasi bahwa menu tersebut ditampilkan dengan benar di perangkat desktop dan seluler.

Sebagian besar tema mendukung hingga dua tingkat menu tarik-turun berlapis. Jika Anda mengalami masalah dengan menu tarik-turun, verifikasi bahwa tema Anda mendukung jumlah tingkat berlapis yang coba Anda terapkan, karena beberapa tema mungkin memerlukan kustomisasi tambahan untuk mendukung beberapa tingkat penyusunan berlapis.

Praktik terbaik untuk menu tarik-turun

Tinjau praktik terbaik berikut untuk membuat struktur menu yang berguna yang berfungsi dengan baik di semua perangkat:

  • Gunakan label deskriptif, seperti "Belanja berdasarkan Kategori", untuk item menu tingkat atas dengan tautan #.
  • Pastikan menu dioptimalkan di perangkat seluler. Anda dapat menguji menu di perangkat seluler untuk memastikan menu tarik-turun diperluas seperti yang diharapkan.
  • Tambahkan tujuh item menu tingkat atas atau kurang untuk menghindari kepadatan.
  • Gunakan judul tautan yang jelas dan deskriptif. Misalnya, "Koleksi" dan "Gaun musim panas".
  • Setiap menu dapat memiliki hingga 10.000 item, dan toko Anda dapat memiliki total hingga 1.000 menu. Setiap item menu dengan sub-item dalam menu tarik-turun dihitung sebagai menu terpisah dalam batas ini.

Aksesibilitas menu tarik-turun

Sebagian besar tema menerapkan header menu tarik-turun sebagai tombol, bukan tautan yang dapat diklik. Ini adalah desain aksesibilitas yang disengaja yang membantu pelanggan yang menggunakan teknologi asistif memahami struktur navigasi.

Saat item menu tingkat atas mengontrol submenu tarik-turun, item tersebut berfungsi sebagai tombol untuk memperluas menu, bukan sebagai tautan ke halaman baru. Pendekatan ini memastikan bahwa pelanggan yang menggunakan pembaca layar atau perangkat asistif lainnya dapat menavigasi sistem menu toko Anda dengan benar.

Jika Anda ingin pelanggan mengakses halaman kategori utama (seperti "Semua Produk" atau "Semua Koleksi"), maka tambahkan ini sebagai item pertama dalam menu tarik-turun itu sendiri alih-alih membuat header dapat diklik.

Penyelesaian masalah umum

Tinjau solusi berikut untuk masalah umum yang mungkin Anda hadapi saat menyiapkan menu navigasi:

  • Pengalihan menu seluler: Jika tautan menu tingkat atas mengalihkan ke halaman baru saat Anda mengetuknya, maka periksa menu di admin Shopify Anda untuk memastikan kolom tautan menu adalah #.

  • Masalah visibilitas: Jika item berlapis tidak ditampilkan, maka pastikan item tersebut diseret sepenuhnya ke bawah item header dan dibuat menjorok di antarmuka Menu. Pastikan tema Anda mendukung jumlah tingkat berlapis yang telah Anda siapkan.

  • Kompatibilitas tema: Jika Anda mengalami masalah dengan menu tarik-turun, verifikasi bahwa tema Anda mendukung jumlah tingkat berlapis yang coba Anda terapkan. Beberapa tema mungkin memerlukan kustomisasi tambahan untuk mendukung beberapa tingkat penyusunan berlapis.

  • Pembuatan menu berlapis diblokir: Jika Anda mengalami kesalahan "Menu tidak dapat berisi menu berlapis. Ikut serta dalam fitur navigasi berlapis untuk menggunakannya", maka toko Anda mungkin perlu mengaktifkan fitur navigasi berlapis. Ini biasanya memengaruhi toko yang dibuat sebelum 2018. Hubungi Dukungan Shopify jika Anda mengalami kesalahan ini.

  • Menu yang salah ditampilkan: Jika Anda memiliki beberapa tautan navigasi yang mengarah ke halaman yang sama (seperti beranda Anda), maka tema Anda mungkin menampilkan submenu yang salah. Pastikan setiap bagian navigasi tertaut ke halaman unik untuk menghindari kebingungan.

  • Item menu menghilang: Jika tautan menu menghilang tanpa dihapus, periksa apakah Anda telah menghapus produk, koleksi, atau halaman yang ditautkan oleh item menu tersebut. Menghapus sumber daya yang ditautkan juga akan menghapus item menu.

Menyesuaikan kode tema untuk menu tarik-turun

Untuk tema yang memerlukan kustomisasi lebih dalam, Anda dapat mempertimbangkan untuk menyesuaikan kode tema Anda.