Membuat Post Slider pada Oxygen Builder - Basic

Bagi pengguna Oxygen Builder pasti sudah pernah menggunakan komponen slider, namun bagaimana agar slide yang muncul adalah 5 posting terakhir? Ikuti langkah-langkahnya disini.

Struktur dan Desain

Pada canvas kosong tambahkan komponen Repeater, tambahkan class "post-sliders". Pilih "Single Mode" pada Preview Render.

Pada bagian Query, pilih opsi "manual", untuk Query Params dapat diisi seperti pada gambar dibawah.

Tambahkan class "post-slider-item" pada element Div dibawah Repeater seperti pada gambar berikut.

Dibawah element Div, Anda dapat memasukan komponen apapun, dalam contoh kali ini saya menambahkan Heading dan Text, dimana content diambil dari Dynamic Data.

Menambahkan Kode

Ini adalah fun partnya, tambahkan "code block" pada bagian akhir struktur, pilih PHP & HTML, inputkan kode seperti gambar dibawah ini.

Oxygen Builder menggunakan library Unslider untuk membuat komponen slider, untuk itu kita harus me-load script yang dibutuhkan seperti terlihat pada baris 1 dan 2.

Kesimpulan

Contoh diatas hanya memberi gambaran bagaimana komponen Repeater dan Slider digunakan bersama-sama. Anda dapat melanjutkannya untuk menampilkan hasil yang sesuai dengan kebutuhan.

Happy WordPressing 🙂

0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
envelope-otagscalendarexternal-linksuitcasewhatsapp
0
Would love your thoughts, please comment.x
()
x