Lightbox merupakan tampilan khusus yang akan tampil ketika membuka galeri gambar, carousel, dan video. Dimana ini dikhususkan untuk Anda yang ingin menambahkan slide image atau dalam bentuk video tertentu.
Lightbox menyediakan fitur untuk beralih ke media sebelumnya dan setelahnya, tampilan layar penuh, zoom in dan zoom out, bagikan ke sosial media atau unduh ke device anda dan untuk menutup lightbox dan kembali ke halaman website anda.
Pastikan jenis animasi dan css filter yang dipergunakan ketika menggunakan video lightbox ini, beserta settingan dalam bentuk responsivenya.
Fitur ini secara otomatis aktif, namun sebelum melakukan kustomisasi pada lightbox, anda perlu untuk melakukan link foto ke media file agar pengaturan untuk menampilkan lightbox tampil seperti gambar berikut.
- Default akan menyesuaikan dengan pengaturan global dari lightbox
- Yes akan selalu mengaktifkan lightbox
- No akan selalu menonaktifkan lightbox
Untuk melakukan kustomisasi pengaturan global lightbox, anda bisa mengikuti prosedur dibawah :
- Click hamburger icon pada bagian kiri atas elementor
- Masuk ke site settings > lightbox
- Dalam pengaturan lightbox akan tampil beberapa pilihan seperti berikut
Apa saja fungsi dari pengaturan lighbox diatas?
- Image Lightbox: Untuk mengaktifkan dan menonaktif-kan fitur Lightbox
- Counter: Hanya untuk gallery dgn beberapa gambar. Apabila di aktifkan akan menampilkan angka pada ujung kiri atas sebagai penanda gambar ke berapa yang sedang ditampilkan.
- Fullscreen: Apabila di aktifkan akan mengijinkan pengguna untuk melihat gambar dengan tampilan layar penuh.
- Zoom: Untuk menentukan apakah pengguna bisa melakukan zoom in pada gambar yg ditampilkan
- Share: Berfungsi agar pengguna bisa membagikan ke sosial media atau mengunduh media
- Title: Untuk menampilkan judul media di bagian bawah media tersebut
- Description: Apabila diaktifkan maka anda bisa menuliskan deskripsi dari media dan akan tampil dibawah media
- Background Color: Choose the background color and opacity of the lightbox. For more details, see Choose a color or Use global fonts and colors. Anda bisa memilih warna background untuk lightbox anda
- UI Color: Untuk lebih detail, pilih warna atau gunakan fonts dan warna global
- UI Hover Color: Tentukan warna untuk icon pada lightbox anda ketika kursor diarahkan ke elemen tersebut. Anda bisa memilih warna disitu atau gunakan warna global
- Text Color: Tentukan warna untuk teks pada lightbox anda
- Toolbar Icons Size: Digunakan untuk menentukan ukuran icon pada lightbox seperti zoom, bagikan, tampilan layar penuh, dan tutup lightbox
- Navigation Icons Size: Atur ukuran icon panah untuk ke gambar sebelum atau berikutnya