Hero adalah banner besar dengan gambar atau video di belakang teks dan tombol Anda. Hero berada di beranda dan sering menjadi hal pertama yang dilihat pembeli.
Menambahkan hero
- Buka builder lalu pilih Beranda di tab Halaman.
- Di tab Bagian, klik Tambah bagian baru lalu pilih Hero dari grup Konten.
- Pilih media Anda, tulis teksnya, lalu klik Publikasikan.
Hero hanya tersedia di beranda, dan Anda bisa menambahkan satu per halaman. Untuk memindahkan, menyalin, atau menyembunyikannya, lihat Bagian dan blok
Media dan tinggi
- Mode: Tunggal menampilkan satu gambar atau video. Terbagi menampilkan dua, yang diatur di Media 1 dan Media 2. Keduanya berdampingan saat Arah konten Vertikal, dan bertumpuk atas bawah saat Horizontal. Di ponsel keduanya selalu bertumpuk.
- Media 1 dan Media 2: gambar atau video dari pustaka media Anda. Video diputar tanpa suara, berulang, sebagai latar bergerak.
- Tinggi: Kecil, Sedang, Besar, Layar penuh (memenuhi layar), Gambar (mengikuti bentuk gambar pertama Anda, sehingga tidak ada yang terpotong), atau Custom. Dengan Custom, Tinggi custom mengatur tinggi sebagai bagian dari tinggi layar. Hero baru dimulai dengan Gambar.
Teks dan tombol di atasnya
Pilih hero lalu klik Tambah blok baru untuk menambahkan konten di atas media: hingga 2 blok Teks, 2 Tombol, 2 Grup, dan 2 Pembatas. Pengaturannya ada di Blok Grup, Teks, Tombol, dan Pembatas: bagaimana cara kerja pengaturan komponen tata letak?
Di Tata letak, Anda mengatur letak konten ini:
- Arah: Vertikal menumpuk blok, Horizontal menaruhnya berdampingan. Dengan Horizontal, Tumpuk vertikal di seluler menumpuknya di ponsel.
- Posisi dan Perataan: memindahkan konten ke atas atau bawah dan ke kiri atau kanan, misalnya kiri bawah atau tengah. Jarak merata menyebarkan blok berjauhan.
- Lebar konten: Halaman menjaga konten di dalam lebar halaman Anda, Penuh membiarkannya mencapai tepi layar. Media selalu memenuhi lebar penuh.
Jarak (di Spasi) mengatur ruang di antara blok, dan Padding ruang di sekitarnya.
Warna dan overlay
- Skema warna: warna teks dan tombol hero. Lihat Skema warna.
- Overlay media: menambahkan lapisan warna di atas media agar teks lebih mudah dibaca. Lalu atur Warna overlay dan Gaya overlay: Solid menutupi media secara merata, Gradien memudarkan warnanya. Arah gradien (Atas atau Bawah) mengatur ke mana warnanya memudar.
Tab CSS custom memungkinkan Anda menambahkan CSS sendiri khusus untuk hero ini.
Tugas umum
- Header di atas hero: aktifkan Header transparan di pengaturan header. Ini hanya berfungsi jika hero berada tepat di bawah header. Lihat Pengaturan header.
- Judul dan tombol di tengah: Arah Vertikal, lalu Posisi dan Perataan di Tengah.
- Teks putih di atas foto terang: aktifkan Overlay media dengan Warna overlay gelap dan gaya Gradien.
Perlu diketahui
- Jika video hero tidak bergerak, periksa Putar Video Otomatis di tab pengaturan Otomatisasi. Jika mati, video latar tetap diam. Lihat Pengaturan otomatisasi.
- Jika ukuran gambar pertama Anda tidak diketahui, tinggi Gambar memakai Sedang sebagai gantinya.
- Butuh banner di halaman lain? Hero hanya untuk beranda, tetapi bagian Gambar bisa dipakai di halaman mana pun. Lihat Bagian teks, gambar, dan pembatas.