Skip to main content

Panduan Pengelolaan Slider (Banner Promosi)

Fitur Slider digunakan untuk mengelola gambar dan pesan promosi yang akan ditampilkan secara bergantian di bagian atas (hero section) halaman utama website.

1. Daftar Slider (Halaman Read)

Halaman Slider menampilkan daftar lengkap dari semua slider yang telah didaftarkan.

image.png

  • Akses Halaman: Dari sidebar navigasi, pilih Profil Klinik (atau menu yang relevan) lalu klik Slider.

  • Tabel Data: Kolom-kolom utama yang ditampilkan adalah:

    • No: Nomor urut slider.

    • Judul: Judul utama yang ditampilkan di slider (contoh: Kesehatan Anda Prioritas Kami).

    • Foto Slider: Gambar thumbnail dari slider yang diunggah.

    • Tema: Menunjukkan tema teks yang digunakan (light atau dark), yang penting untuk visibilitas teks di atas gambar.

    • Status: Menunjukkan status slider (Active atau Inactive).

    • Action (Tindakan): Berisi tombol Edit dan Delete.

  • Pencarian dan Filtrasi:

    • Gunakan kolom Search untuk mencari slider berdasarkan judul.

    • Atur jumlah baris yang ditampilkan per halaman menggunakan dropdown Show __ entries.

2. Menambah Slider Baru (Fungsi Create)

Untuk menambahkan banner promosi baru:

  1. Klik tombol + Tambah Slider yang berwarna merah di pojok kanan atas tabel.

  2. Sebuah pop-up Tambah Slider akan muncul.

image.png

Isi field berikut di dalam modal:

  • Judul: Masukkan judul singkat dan menarik untuk slider Anda.

  • Deskripsi: Masukkan teks penjelasan tambahan atau sub-judul slider.

  • Urutan: Masukkan angka untuk menentukan urutan slider saat tampil. Slider dengan angka urutan terkecil biasanya tampil lebih dulu.

  • Foto Slider: Klik Choose File untuk mengunggah gambar slider. Pastikan gambar memiliki resolusi yang tinggi dan sesuai untuk tampilan banner lebar (landscape).

  • Tema Background: Pilih tema yang sesuai dengan gambar yang Anda unggah:

    • Pilih Light (Gambar Putih) jika gambar slider Anda gelap, sehingga teks yang muncul di atasnya akan berwarna putih.

    • Pilih Dark jika gambar slider Anda terang, sehingga teks yang muncul di atasnya akan berwarna hitam.

  • Status: Pilih status slider (misalnya: Active).

  1. Setelah selesai, klik tombol Simpan untuk menambahkan slider ke dalam daftar.

3. Mengubah Data Slider (Fungsi Update)

Untuk melakukan perubahan pada slider yang sudah ada:

image.png

  1. Pada baris slider yang ingin diubah di tabel daftar, klik tombol Edit di kolom Action.

  2. Sebuah pop-up (serupa dengan Tambah Slider) akan muncul, memuat data yang sudah terisi.

  3. Lakukan perubahan pada Judul, Deskripsi, Urutan, Tema Background, atau Status.

  4. Jika ingin mengganti gambar, klik Choose File di bagian Foto Slider dan pilih gambar baru.

  5. Setelah semua perubahan dilakukan, klik tombol Simpan untuk menyimpan data yang telah diperbarui.

4. Menghapus Slider (Fungsi Delete)

Untuk menghapus banner promosi yang sudah tidak relevan:

  1. Pada baris slider yang ingin dihapus di tabel daftar, klik tombol Delete di kolom Action.

  2. Sistem akan menampilkan pesan konfirmasi penghapusan.

  3. Konfirmasi penghapusan untuk menghapus data slider secara permanen. Tindakan ini tidak dapat dibatalkan.

Back to top