Membuat Lebar Gambar Slider Penuh (100%) untuk Toko Online Kamu

Dalam tutorial ini saya ingin menunjukkan kepada Kamu cara mengubah bagaimana homeslider muncul di default PrestaShop dengan mudahnya. Seperti yang Kamu tahu bawaan modul homeslider adalah bagian dari homepage toko Kamu. Terlihat tepat di bawah menu utama. Dekat modul (di sisi kanan), Kamu dapat melihat dua spanduk kecil. Dalam panduan ini saya akan menunjukkan cara untuk menghapus banner tersebut, dan bagaimana mengubah lebar slider menjadi 100%.
Bagaimana Cara Merubah Lebar 100%
Di prestashop 1.6 kita dapat mencapai semua ini tanpa menyentuh file. Kita bisa melakukan segala sesuatu di back office dengan pengaturan dan fitur yang tersedia. Menakjubkan!
Pertama: Nonaktifkan spanduk kecil di sisi kanan.
Langkah pertama dalam modifikasi: kamu harus menghapus dua spanduk kecil di sisi kanan slider utama. Untuk menghapus banner tersebut kamu hanya perlu menonaktifkan modul ini. Namun perlu diingat, jangan menonaktifkan modul sama sekali, hanya menonaktifkannya di hook bernama displayTopColumn. Dalam hal ini, pergi ke MODULESPositions tab di back office.  Di sana  cari daftar modul bernama displayTopColumn. Kamu akan melihat ada dua modul (secara default ada dua modul). Klik tombol edit dekat tema configurator dan klik “unhook”, persis seperti yang saya tampilkan pada gambar di bawah ini.
image
Setelah Kamu melakukan ini, dua banner kecil akan hilang dan akan meninggalkan ruang kosong. Jadi Kamu harus mengisi ruang kosong ini dengan modul slider. Maka lebarnya akan penuh.
Ke-dua, Merubah Lebar Banner.
Pergi ke MODULES>Modules dan cari “image slider for your homepage” addon. Klik tombol configure dekat modul ini.
image
Kemudian Kamu akan diarahkan ke halaman konfigurasi modul. Dalam  “pengaturan” utama ubahlah nilai lebar Max  param dari 799px ke 1170px (ketik saja1170 di bidang ini persis seperti yang saya tampilkan di bawah ini). Mengapa 1170? 1170 adalah lebar wadah halaman utama.
image
Ke-tiga, Menghapus Banner dengan lebar lebih kecil dari 1170.
Karena kenyataan bahwa kita mengubah lebar jendela slider, kita harus menghapus gambar lama yang kita upload yang lebarnya lebih kecil dari 1170px. Kita harus meng-upload foto dengan lebar minimal 1170px.
Pada gambar di bawah ini menunjukkan cara menghapus slide yang sebenarnya. Di bawah formulir “pengaturan”  (di mana Kamu mengubah lebar slider) Kamu dapat mengelola slide yang sudah diupload . Tekan saja tombol delete seperti yang saya tunjukkan.
image
Menghapus gambar lama yang kurang dari 1170 px
Ke-empat, Upload gambar dengan ukuran baru.
Jika Kamu menghapus semua slide lama dengan lebar yang salah – sekarang saatnya untuk meng-upload foto baru. Jadi, Kamu harus mempersiapkan slide sendiri misalnya dalam photoshop atau perangkat lunak desktop lainnya. Buat slide dengan lebar minimal 1170 dan upload ke slider. Maka gambar gambar itu akan tampil memenuhi homepagetoko online kamu. Setelah meng-upload slide baru, jangan lupa untuk mengaktifkannya.
Kamu bisa mendownload gambar ini untuk coba coba.
Hasilnya akan seperti ini
image

Previous
Next Post »
Thanks for your comment