Grup adalah kotak yang berisi blok lain dan menyusunnya. Gunakan untuk menaruh sesuatu berdampingan, membuat kolom, atau memberi sebagian bagian latar dan border sendiri.
Di mana Anda bisa memakai grup
Banyak bagian menerima blok Grup: footer, newsletter, hero, slide slideshow, FAQ, sebelum dan sesudah, ulasan, kontak, 404, konfirmasi pesanan, baris lipat, dan area teks daftar produk seperti produk unggulan dan koleksi. Setiap bagian menentukan blok apa saja yang boleh masuk ke grupnya, dan berapa banyak grup yang diterimanya.
Untuk menambahkannya di builder, pilih bagiannya, klik Tambah blok baru, lalu pilih Grup. Lalu seret blok lain ke dalamnya. Beberapa bagian (footer, newsletter, ulasan) juga memungkinkan Anda menaruh grup di dalam grup.
Tata letak
- Lebar: Isi penuh memakai ruang kosong dan membaginya sama rata dengan grup Isi penuh lain di sebelahnya. Pas hanya selebar isinya. Custom mengatur Lebar custom dalam persen.
- Arah: Vertikal menumpuk blok, Horizontal menaruhnya berdampingan. Blok yang berdampingan turun ke baris baru jika ruangnya tidak cukup.
- Tumpuk vertikal di seluler (hanya Horizontal): di ponsel blok bertumpuk.
- Posisi: mengatur letak blok atas bawah (Atas, Tengah, Bawah).
- Perataan: mengatur letak blok kiri kanan (Kiri, Tengah, Kanan).
- Jarak merata: menyebarkan blok dengan ruang yang sama di antaranya. Pilihan ini ada di arah aliran blok: di Posisi untuk grup vertikal, di Perataan untuk grup horizontal.
Tampilan
- Gunakan skema warna induk: aktif secara default, jadi grup memakai warna bagian. Matikan lalu pilih Skema warna untuk memberi grup latar dan warna teks sendiri.
- Border: Tidak ada atau Solid. Solid menambahkan Ketebalan border (1 sampai 20 piksel) dan Opasitas border. Warnanya adalah warna border skema.
- Radius sudut: membulatkan sudut, dari 0 sampai 100 piksel.
- Overlay latar belakang: menambahkan lapisan warna di atas latar. Atur Warna overlay dan Gaya overlay: Solid, atau Gradien yang memudar menjadi bening, dengan Arah gradienAtas atau Bawah. Berguna agar teks mudah dibaca di atas gambar hero.
Jarak
Jarak adalah ruang di antara blok di dalam grup (0 sampai 100 piksel). Padding adalah ruang antara tepi grup dan bloknya, di setiap sisi.
Resep
- Dua tombol berdampingan di hero: masukkan keduanya ke grup Horizontal dengan jarak kecil.
- Tiga kolom footer: grup Horizontal dengan tiga item Isi penuh di dalamnya, dan Tumpuk vertikal di seluler aktif.
- Sebuah kartu: grup Vertikal dengan skema warna sendiri, border Solid, radius sudut, dan padding.
- Teks di kiri, tombol di kanan: grup Horizontal dengan Perataan diatur ke Jarak merata.
Perlu diketahui
- Satu kolom lebih lebar dari yang Anda mau: dua grup Isi penuh membagi ruang sama rata. Atur salah satunya ke Custom dan beri persentase.
- Grup tidak tampil: grup tanpa blok, atau hanya berisi blok tersembunyi, tidak ditampilkan di toko Anda.
- Grup tidak ada di daftar blok: bagian itu tidak menerima grup, atau batas grupnya sudah tercapai.
- Pengaturan Teks, Tombol, dan Pembatas ada di Blok Grup, Teks, Tombol, dan Pembatas: bagaimana cara kerja pengaturan komponen tata letak?.