Tab Animasi menambahkan gerakan ke toko Anda: bagian yang muncul dengan animasi saat pembeli menggulir, dan gambar yang membesar saat mouse berada di atasnya.
Di mana menemukannya
Buka builder, klik ikon roda gigi, lalu buka tab Animasi. Bagiannya bernama Animasi umum.
Animasi saat menggulir
Animasi saat menggulir menganimasikan bagian saat bagian itu masuk ke layar. Setiap bagian memutar animasinya sekali per kunjungan halaman. Pilihannya:
- Tidak ada: tanpa animasi. Bagian langsung ada.
- Pudar: konten muncul perlahan.
- Geser ke atas (default): konten bergerak sedikit ke atas sambil muncul perlahan.
- Geser masuk: konten masuk dari samping sambil muncul perlahan.
- Zoom: konten sedikit membesar ke posisinya.
Latar belakang bagian langsung muncul dan hanya kontennya yang bergerak, jadi halaman tidak pernah menampilkan ruang kosong.
Bagian mana yang dianimasikan
- Header dan bilah pengumuman tidak pernah dianimasikan. Keduanya sudah ada di layar begitu halaman terbuka.
- Di grid produk, grid koleksi, ulasan, dan FAQ, setiap kartu atau item dianimasikan sendiri, satu per satu, bukan seluruh bagian. Dalam tata letak carousel, seluruh bagian dianimasikan sebagai satu kesatuan.
- Bagian gelombang tetap memakai efek pudar tetapi tidak bergeser, sehingga gelombang tetap menyatu dengan bagian di bawahnya.
Mana yang dipilih
Geser ke atas cocok untuk sebagian besar toko. Pudar adalah yang paling lembut. Zoom dan Geser masuk lebih menarik perhatian, jadi lebih cocok untuk desain yang ceria atau berani daripada desain yang tenang.
Efek zoom gambar
Aktifkan Efek zoom gambar agar gambar sedikit membesar saat mouse berada di atasnya. Efek ini bekerja di kartu produk, kartu koleksi, gambar produk di halaman produk, dan gambar ulasan. Efek ini bereaksi terhadap mouse, jadi pembeli di ponsel biasanya tidak melihatnya.
Tugas umum
- Membuat toko saya terasa lebih tenang: atur Animasi saat menggulir ke Pudar, atau Tidak ada.
- Mematikan semua gerakan: atur Animasi saat menggulir ke Tidak ada dan matikan Efek zoom gambar.
- Membuat foto produk terasa interaktif: aktifkan Efek zoom gambar.
Pemecahan masalah
- Saya tidak melihat animasinya di builder. Animasi saat menggulir dimatikan di dalam builder agar Anda bisa mengedit tanpa menunggu. Publikasikan lalu buka toko live Anda untuk melihatnya.
- Sebagian pengunjung tidak pernah melihat animasi. Jika pengunjung meminta perangkatnya mengurangi gerakan, toko menampilkan setiap bagian di tempatnya tanpa animasi. Ini disengaja, demi kenyamanan dan aksesibilitas.
- Zoom tidak berfungsi. Pastikan Anda memakai komputer dengan mouse, dan gambarnya termasuk jenis yang disebutkan di atas.
Perlu diketahui
Pengaturan animasi dimiliki pasar yang sedang Anda ubah dan berlaku untuk semua halamannya. Perubahan tayang saat Anda mengklik Publikasikan. Jika berubah pikiran, urungkan perubahan di builder. Lihat Pintasan, urungkan, dan ulangi.