Dapatkan Hosting Instan dengan Elementor dan Elementor Pro

dengan CDN, SSL dan cadangan.

Mulai hari ini

Cara Mudah Membuat Korsel Vertikal Elementor

Muneeb Tutorial WordPress Nov 23, 2021

Korsel adalah kumpulan spanduk berputar atau tayangan slide yang muncul di beranda toko Anda. Ini memungkinkan Anda menampilkan hingga lima slide foto dan teks yang mungkin terhubung ke barang atau situs tertentu.

Dalam tutorial ini, kita akan membahas proses pembuatan Elementor Vertical Carousel dalam beberapa langkah mudah tanpa menggunakan add-on atau plugin pihak ketiga.

Cara Menambahkan Korsel Vertikal Dengan Elementor

Untuk memulainya, tambahkan bagian satu kolom untuk konten slider vertikal Elementor .

Isi kolom ini dengan berbagai bagian dalam. Bagian dalam korsel vertikal Elementor ini masing-masing akan menjadi slide. Dan atur nama kelas untuk kolom yang berisi semua bagian.

Memulai

Selanjutnya, atur nama kelas untuk semua bagian dalam juga. Kami menamakannya Swipee agar tidak bingung dengan kelas lain di perpustakaan Elementor.

Selanjutnya, Anda dapat menggunakan kode HTML berikut untuk fungsionalitas Elementor Vertical Carousel.

>script src="https://unpkg.com/swiper/swiper-bundle.min.js"/scriptscript/scriptstyle/style

Masukkan kode ini ke dalam elemen HTML yang diletakkan setelah bagian slider vertikal Elementor .

Anda sekarang dapat menyisipkan panah untuk bermanuver melalui slide vertikal.
Tambahkan dua ikon panah, satu mengarah ke atas dan lainnya ke bawah. Tetapkan nama kelas geser ke atas ke panah atas dan geser ke bawah ke panah bawah.

Selain itu, Anda juga dapat mengubah arah menjadi horizontal dengan menghapus atribut arah.

Ketinggian pembungkus swiper harus sama atau lebih tinggi dari tinggi bagian dalam terbesar dalam kode CSS di sini.

Ukuran tombol navigasi penggeser dapat diubah dengan menyesuaikan transformasi. Nilai CSS ditunjukkan di bawah ini.

Itu semua perubahan yang mungkin ingin Anda buat sementara Anda dapat mengubahnya lebih lanjut sesuai preferensi Anda dan melihat tampilan situs web Anda dan Anda akan selesai membuat Korsel Vertikal untuk Elementor .

Itu saja dari tutorial ini. Pastikan untuk bergabung dengan kami di Facebook dan Twitter kami untuk tetap update tentang posting kami.