Bagian Sebelum dan sesudah menumpuk dua gambar dengan garis pembatas. Pembeli menggeser pembatas untuk melihat lebih banyak salah satu gambar. Gunakan untuk menunjukkan hasil (sebelum dan sesudah), dua warna, atau dua hasil akhir sebuah produk.
Menambahkan bagian
- Buka builder lalu masuk ke halaman yang Anda mau. Bagian ini bisa dipakai di halaman beranda, produk, landing, koleksi, dan semua koleksi, hingga 3 per halaman.
- Di tab Bagian, klik Tambah bagian baru lalu pilih Sebelum dan sesudah dari grup Konten.
- Klik blok Sebelum dan sesudah di dalamnya lalu pilih dua gambar Anda, kemudian klik Publikasikan.
Blok Sebelum dan sesudah
Blok ini berisi kedua gambar. Blok ini selalu ada di bagian dan tidak bisa dihapus.
- Gambar sebelum dan Gambar sesudah: kedua foto. Gunakan foto yang diambil dari sudut yang sama, agar posisinya sejajar.
- Label sebelum dan Label sesudah: tanda singkat di sudut setiap gambar, seperti "Sebelum" dan "Sesudah", atau "Hitam" dan "Putih". Kosongkan untuk menyembunyikan tanda.
- Arah: Horizontal memakai pembatas yang digeser pembeli ke kiri dan kanan. Vertikal memakai pembatas yang digeser pembeli ke atas dan bawah.
- Rasio: bentuk bingkai. Otomatis mengikuti gambar sebelum, atau pilih Potret, Persegi, atau Lanskap. Kedua gambar dipotong ke bingkai yang sama.
- Posisi pembatas: tempat pembatas berada di awal, dari 5% sampai 95%. Pada 50% pembeli melihat setengah dari masing-masing gambar.
- Tampilkan petunjuk saat terlihat di layar: pembatas bergerak sedikit dengan sendirinya, agar pembeli tahu bahwa pembatas bisa digeser.
- Ikuti mouse di desktop: di komputer, pembatas mengikuti mouse tanpa perlu diklik. Di ponsel, pembeli selalu menggeser.
- Gunakan skema warna induk: pembatas, pegangan, dan tanda memakai warna bagian. Matikan untuk memilih Skema warna lain.
Pengaturan bagian dan judul
Tambahkan hingga 2 blok Teks, 1 Pembatas, dan 1 Grup untuk judul dan teks singkat.
- Arah: Vertikal menaruh judul di atas gambar, Horizontal menaruhnya di samping.
- Tumpuk vertikal di seluler: aktif secara default, agar gambar tetap selebar layar ponsel.
- Posisi dan Perataan, Lebar bagian, Skema warna, Padding, dan tab CSS custom.
Di halaman produk
Blok Sebelum dan sesudah yang sama juga bisa dimasukkan ke bagian Info produk dan Info landing, serta ke dalam tab lipat, sehingga perbandingannya berada di dekat tombol beli. Lihat Bagaimana cara menambahkan tab lipat, tanggal pengiriman, panduan ukuran, lencana, atau gambar sebelum dan sesudah ke halaman produk saya?
Perlu diketahui
- Di toko live Anda, perbandingan hanya tampil setelah kedua gambar dipilih. Sampai saat itu, builder menampilkan gambar contoh.
- Pembeli juga bisa menggeser pembatas dengan keyboard.
- Pembeli yang mengaktifkan pengurangan gerak di perangkatnya tidak melihat gerakan petunjuk.
- Gambar terlihat terpotong? Pilih Rasio yang paling mendekati foto Anda, atau gunakan foto dengan bentuk yang sama.
- Gunakan hanya foto asli dari hasil yang nyata.