LUXEE HELPS
Sticky Widget: Kunci Elemen Melayang di Posisi Konstan
Navigasi yang Selalu Setia Mengikuti. Meningkatkan pengalaman tamu (UX) dengan memastikan tombol penting seperti 'RSVP' atau 'Gift' selalu terlihat. Sticky Widget adalah ekstensi cerdas yang memungkinkan Anda "memaku" elemen apa pun agar tetap melayang saat halaman di-scroll.
Bayangkan Anda memiliki navigasi menu di bagian bawah layar. Tanpa fitur sticky, menu ini akan hilang saat tamu men-scroll artikel. Dengan Luxee Sticky, menu tersebut tetap melayang di bawah, memudahkan tamu berpindah ke bagian 'Gift' atau 'RSVP' kapan pun mereka mau tanpa harus scroll kembali ke posisi awal.
✨ Fitur Unggulan
- Global Advanced Tab: Terintegrasi langsung di tab 'Advanced' setiap elemen Elementor.
- Ringan & Cepat: Berbasis Vanilla JS, tanpa jQuery, sehingga tidak memperlambat loading website.
- Opsi Responsif: Anda bisa memilih elemen sticky muncul hanya di mobile, tablet, atau semua perangkat.
- Anti-Tabrakan Cover: Fitur cerdas yang menyembunyikan elemen sticky saat Cover Undangan masih tertutup.
🛠️ Panduan Langkah demi Langkah
Langkah 1: Mengakses & Mengaktifkan Modul
Pilih Container atau Widget yang ingin Anda jadikan melayang. Pergi ke tab Advanced di panel kiri Elementor, cari menu Luxee Sticky, lalu ubah Enable Sticky menjadi "Ya".
Visual: Aktifkan saklar Enable Sticky untuk memulai pengaturan.
Langkah 2: Menentukan Posisi Menempel (Sticky Position)
Pilih di mana elemen tersebut akan menempel:
• Top: Cocok untuk Header atau Navigasi atas.
• Bottom: Pilihan terbaik untuk Tab Bar navigasi bawah atau Tombol RSVP melayang.
Langkah 3: Memilih Target Perangkat (Sticky On)
Anda memiliki kontrol penuh untuk menentukan di perangkat apa saja efek melayang ini aktif. Anda bisa membatasi agar elemen hanya melayang di Mobile agar tampilan Desktop tetap bersih, atau mengaktifkannya di semua perangkat (Desktop, Tablet, Mobile).
Visual: Klik pada kolom Sticky On untuk memilih atau menghapus target perangkat.
Langkah 4: Mengelola Responsivitas & iOS Safe Area
Khusus untuk elemen yang menempel di Bottom (Bawah), sangat disarankan mengaktifkan fitur iOS Safe Area. Ini akan memberikan ruang otomatis agar tombol Anda tidak tertutup oleh garis navigasi "Home Indicator" pada perangkat iPhone terbaru.
Visual: Aktifkan fitur ini agar navigasi bawah ramah pengguna iPhone.
Langkah 5: Integrasi Kompatibilitas Cover
Agar elemen melayang tidak muncul dan menumpuk saat tamu masih berada di halaman Cover Undangan (sebelum klik Buka Undangan), aktifkan opsi Hide on Cover Undangan.
Jika elemen melayang Anda tertutup oleh elemen lain, naikkan nilai Z-Index menjadi 999 atau lebih tinggi untuk memaksanya berada di lapisan paling depan.