Berikut cara menampilkan Slider Banner dalam Category Page

  1. Masuk ke Backoffice > Catalog > Categories
Image Placeholder

Gambar 1. Tampilan Sidebar Catalog

  1. Pilih Category yang ingin ditampilkan slidernya, kemudian klik Content
Image Placeholder

Gambar 2. Tampilan konfigurasi

  1. Klik tanda Plus untuk menambahkan element baru, karena kita butuh slider di category ini maka pilih element Slider
Image Placeholder

Gambar 3. Tampilan konfigurasi


Image Placeholder

Gambar 4. Tampilan konfigurasi

  1. Kemudian pilih Slides kemudian pilih image yang ingin ditampilkan dengan klik tanda Plus di dalam icon
Image Placeholder

Gambar 5. Tampilan konfigurasi

  1. Pilih gambar yang sesuai dengan kebutuhan, bisa juga mengunggah image dari perangkat anda dengan klik Choose File, atau dengan gambar yang sudah tersedia di directory. Jika sudah memilih gambar, klik image kemudian klik lagi Add Selected
Image Placeholder

Gambar 6. Tampilan konfigurasi


  1. Secara default, akan ada tulisan Slides 1 dst di dalam slidenya nanti, bisa dihapus dengan pilih heading kemudian hapus isi di dalamnya
Image Placeholder

Gambar 7. Tampilan konfigurasi slide

  1. Setelah memilih gambar, kita bisa mengkreasikan nantinya di dalam slides terdapat dots untuk navigasi atau menggunakan tombol bisa. Caranya pilih Carousel options > kustomisasi slides Anda. Kemudian klik Save
Image Placeholder

Gambar 8. Tampilan konfigurasi  Carousel Options


  1. Slides yang sudah dipilih akan muncul di Content
Image Placeholder

Gambar 9. Tampilan konfigurasi slide pada Content

  1. Jangan lupa klik Save, untuk menyimpan konfigurasi pada slider banner.
Image Placeholder

Gambar 10. Tampilan konfigurasi






Tampilan Pada Frontend

Sebelum

Image Placeholder

Gambar 11. Tampilan Frontend Sebelum Konfigurasi

                        

Sesudah

Image Placeholder

Gambar 12. Tampilan Frontend Setelah Konfigurasi

                                        


_____________________________________________________________________________________________

        FAQ Documentation -  Menampilkan Up-Sale, Cross Sale dan Related Product