Bagian Info produk adalah bagian utama halaman produk Anda. Bagian ini menampilkan gambar produk di satu sisi dan detail produk (nama, deskripsi, dan formulir pesanan) di sisi lain. Bagian ini wajib ada di halaman produk, jadi Anda bisa mengatur tampilannya tetapi tidak bisa menghapusnya.
Di mana menemukannya
- Buka builder lalu pilih Halaman produk di tab Halaman.
- Pilih produk untuk pratinjau. Ini hanya mengubah apa yang tampil di pratinjau: desain Anda berlaku untuk semua produk sekaligus.
- Klik Info produk di pratinjau atau di tab Bagian.
Bagian ini punya dua bagian tetap, Media dan Detail. Anda tidak bisa menghapus atau memindahkannya, hanya mengaturnya. Di ponsel keduanya bertumpuk: gambar dulu, lalu detail.
Pengaturan bagian
- Lebar bagian: Halaman menjaga konten selebar halaman Anda, Penuh melebar dari tepi ke tepi.
- Kolom sama lebar: jika aktif, gambar dan detail masing-masing memakai setengah lebar. Jika mati, setiap kolom memakai ruang sesuai kebutuhannya.
- Skema warna, Jarak (ruang di antara kedua kolom), padding, dan CSS custom.
Media: galeri gambar
Menampilkan foto dan video yang Anda tambahkan ke produk.
- Mode: Carousel (satu gambar setiap kali) atau Grid (semua gambar sekaligus).
- Sticky: Mati, Desktop, Seluler, atau Keduanya. Galeri sticky tetap terlihat saat pembeli menggulir detail.
- Grid: Kolom (1 atau 2), Jarak, dan Lebar penuh terlebih dahulu (gambar pertama melebar di kedua kolom).
- Carousel: Ikon navigasi (Panah, Chevron, atau Tidak ada), Latar belakang ikon, Paginasi desktop (Titik, Penghitung, Thumbnail), dan Paginasi seluler (Titik, Penghitung, Petunjuk, Thumbnail). Petunjuk memperlihatkan sedikit gambar berikutnya.
- Thumbnail: dengan thumbnail di desktop, atur Posisi desktop (Kiri, Bawah, Kanan) dan Ukuran desktop. Di ponsel thumbnail selalu berada di bawah gambar.
- Rasio aspek: Otomatis mempertahankan bentuk asli setiap gambar. Dengan Potret, Persegi, atau Lanskap, Penyesuaian media memilih Tutupi (memenuhi dan memotong) atau Muat (menampilkan seluruh gambar).
- Aktifkan zoom: pembeli mengklik atau mengetuk gambar untuk melihatnya layar penuh.
Detail: blok di samping gambar
Detail punya Jarak dan Sticky di desktop (kolom tetap terlihat saat pembeli menggulir melewati gambar). Pilih lalu klik Tambah blok baru untuk menambahkan blok, dan seret blok ke urutan mana pun.
- Judul: nama produk, sekali per halaman. Atur Lebar, Perataan, Preset, Tinggi baris, dan Jarak huruf. Tampilkan di atas gambar di seluler memindahkan nama (beserta ratingnya) ke atas galeri di ponsel. Tampilkan ulasan di atas judul menaruh rating bintang di atas nama.
- Deskripsi: teks dari produk Anda. Atur tinggi baris dan jarak huruf. Jika Klik gambar untuk menggulir aktif, klik di dalam deskripsi akan menggulir ke formulir pesanan saat tidak ada formulir di layar. Tautan tetap berfungsi.
- Formulir: harga, varian, dan tombol beli. Pilihannya ada di Bagaimana cara mengatur bagian Info landing dan formulir pesanan (tombol, hitung mundur, WhatsApp)?
- Pembatas: hingga 2 garis di antara blok.
- Daftar lipat, Estimasi pengantaran, Panduan ukuran, Lencana, dan Sebelum dan sesudah: lihat Bagaimana cara menambahkan tab lipat, tanggal pengiriman, panduan ukuran, lencana, atau gambar sebelum dan sesudah ke halaman produk saya?
Formulir dan Deskripsi wajib ada: Anda bisa memindahkannya tetapi tidak bisa menghapusnya.
Tombol sticky
Membuat cara membeli tetap terlihat di layar setelah pembeli menggulir menjauh dari formulir pesanan. Elemen ini tersembunyi lagi selama ada formulir yang terlihat. Mode:
- Tidak ada: tanpa elemen sticky.
- Bilah: bilah di bagian bawah berisi harga, jumlah, dan tombol beli.
- Tombol: tombol mengambang yang menggulir ke formulir. Atur Label (kosong berarti memakai teks tombol beli Anda), Gaya (Utama atau Sekunder), Posisi (Awal, Tengah, Akhir), dan Animasi (Pulse, Heartbeat, Shake, Bounce, Glow, Ripple, Wiggle, atau Tidak ada).
- Gambar: gambar mengambang pilihan Anda yang menggulir ke formulir, dengan Posisi dan Animasi.
Di builder, elemen sticky tampil selama bagian ini dipilih, sehingga Anda bisa mengatur tampilannya.