Header adalah bilah di bagian atas toko Anda yang berisi logo, menu, pencarian, keranjang, dan pilihan negara. Artikel ini menjelaskan setiap pengaturan header dan kelima bloknya.
Di mana menemukannya
Buka builder lalu klik header di pratinjau, atau pilih Header di tab Bagian. Untuk menambahkannya, klik Tambah bagian baru lalu pilih Header di grup Tata letak. Anda bisa punya satu header per halaman, di halaman mana pun. Setiap halaman menyimpan salinannya sendiri, jadi gunakan Terapkan ke semua halaman setelah selesai, lihat Bagian dan blok.
Header selalu punya lima blok yang sama: Logo, Menu, Cari, Keranjang, dan Lokalisasi. Anda tidak bisa menambah, menghapus, atau mengubah urutannya. Anda menempatkannya dengan pengaturan Posisi dan Baris masing-masing.
Pengaturan header
- Header sticky: Saat gulir ke atas menyembunyikan header saat pembeli menggulir ke bawah dan memunculkannya lagi saat mereka menggulir ke atas. Selalu menjaganya tetap di atas. Sticky dengan logo diperkecil menjaganya tetap di atas dan membuatnya lebih kecil (padding lebih sedikit, logo lebih kecil) begitu pembeli menggulir. Tidak pernah membiarkannya ikut tergulir bersama halaman.
- Lebar: Halaman menjaga konten selebar halaman Anda, Penuh melebarkannya dari tepi ke tepi.
- Skema warna: warna latar, teks, dan tautan header.
- Header transparan: menghapus latar header agar gambar hero terlihat di baliknya. Lihat di bawah.
- Padding (atas, kiri, kanan, bawah) dan tab CSS custom.
Header transparan
Ini hanya berfungsi jika Hero adalah bagian pertama yang terlihat tepat di bawah header, karena header meminjam skema warna hero untuk teks dan ikonnya. Header kehilangan latar, garis tepi, dan bayangannya, dan sedikit memburamkan apa yang ada di belakangnya. Saat pembeli menggulir melewati hero, header kembali memakai warnanya sendiri. Panel pencarian dan daftar negara tetap memakai warna header sendiri. Pengaturan hero ada di Bagaimana cara mengatur banner Hero di beranda saya?
Logo
- Logo: pilih gambar logo Anda. Tanpa gambar, nama toko Anda tampil sebagai teks.
- Posisi: Kiri, Tengah, atau Kanan. Lebar dan Tinggi: ukuran kotak logo dalam piksel.
- Padding desktop: ruang di sekitar logo, hanya di komputer.
Logo membuka beranda Anda saat diklik. Untuk menghentikannya, aktifkan Cegah mengklik logo untuk ke beranda, lihat Pengaturan larangan.
Menu
Pilih salah satu menu Anda di Menu. Pengaturan lainnya muncul setelah menu dipilih. Menu dibuat seperti dijelaskan di Bagaimana cara membuat menu navigasi dan menambahkannya ke header dan footer saya?.
- Jenis: Mega (panel besar dengan kolom), Dropdown (daftar sederhana), atau Laci (panel samping yang dibuka dengan tombol menu).
- Posisi dan Baris: tempat menu berada. Atas adalah baris utama bersama logo, Bawah menambahkan baris kedua di bawahnya. Tidak tampil untuk Laci.
- Skema warna: warna panel menu yang terbuka.
- Tata letak seluler: di ponsel dan tablet, menu pindah ke dalam laci. Aktifkan Bilah navigasi untuk menampilkannya sebagai bilah di bawah header, dengan Skema warna bilah navigasi sendiri. Tidak tampil untuk Laci.
Pencarian, keranjang, dan lokalisasi
- Cari: ikon pencarian yang membuka kolom pencarian. Atur Posisi (Kiri atau Kanan) dan Baris.
- Keranjang: ikon keranjang dengan jumlah item. Jenis keranjang bisa Laci (panel samping), Dropdown (keranjang mini di bawah ikon), atau Halaman (membuka halaman keranjang). Skema warna mengatur tampilan laci atau dropdown. Laci dan Dropdown juga punya tombol Bilah gratis ongkir, lihat Bagaimana cara kerja bilah gratis ongkir?.
- Lokalisasi: tombol yang menampilkan daftar pasar Anda agar pembeli bisa berganti negara. Aktifkan Pilihan negara untuk menampilkannya. Tampilkan bendera menampilkan bendera negara saat ini di tombol, jika tidak, ikon bola dunia. Atur Posisi dan Baris.
Perlu diketahui
- Header transparan tidak berpengaruh: pastikan Hero berada tepat di bawah header. Bilah pengumuman atau bagian lain di antaranya akan menghentikannya.
- Pilihan negara tidak tampil: fitur ini butuh setidaknya dua pasar, lihat Bagaimana cara mengatur pasar untuk berjualan di beberapa negara?.
- Item menu hilang: edit menunya sendiri, bukan header.