menu pada tampilan prestashop.
Seperti terlihat pada gambar berikut yang saya tandai dengan warna merah.
| |
| Slide Prestashop |
pertama kita masuk dulu ke halaman dashbor prestashop kita dengan login terlebih dahulu..
pada menu dashboard kita, pilih Modul lalu klik Modul. Lihat gambar berikut.
| |
| Add modul |
Nanti akan muncul sebuah halaman, untuk memudahkan pencarian modul yang kita cari klik saja yang Front Office Fitur. Kemudian klik modul Slider image untuk halaman web anda (ini dalam bahasa indonesia), untuk jelasnya agar mudah mencari lebih baik kita tau seperti apa tampilan iconnya kan?gambarnya seperti berikut.
| |
| modul slide prestashop |
Setelah ketemu modul tersebut, lalu pilih konfigurasi. Selanjutnya akan tampil halaman pengaturan banner seperti berikut.
| |
| ini untuk mengatur kecepatan slide |
Tampilan tersebut untuk mengatur kecepatan slide kita, setelah kita ganti klik tombol simpan. Menurut saya jangan diganti, biarkan saja seperti yang tersetting pada prestashop tersebut.
| |
| menambah gambar slide prestashop |
Pada gambar diatas pertama kita harus menambah slide prestashop kita dengan klik tombol tambah seperti yang dilingkari diatas.
Selanjutnya kita akan mengganti gambar slide. Bagi yang hanya untuk belajar, yang perlu kita lakukan disini hanya memasukkan gambar dengan klik pilih file lalu pilih gambar slide yang telah kita desain atau download bisa berukuran 1542x800 px. Serta masukkan url target untuk alamat mana yang akan dituju jika gambar slide kita klik.
| |
| mengganti gambar slide prestashop |
Setelah kita mengganti gambar slide dengan yang kita inginkan, selanjutnya kita perli menambahkan keterangan agar lebih bagus. Lihat gambar berikut.
Ada yang penting dalam mengatur gambar slide seperti diatas. Disamping pengaturan yang kita lakukan seluruhnya, terdapat panah kecil kebawah yang bertuliskan id. Itu menandakan bahwa gambar banner yang kita masukkan sekarang untuk tampilan jika bahasa yang digunakan berbahasa indonesia.
Jadi klik panah kecil tersebut, pilih en (english) dan masukkan gambar slide dan url target serta keterangan gambar seperti cara diatas lagi. Jika ada bahasa lain, juga lakukan hal yang sama untuk bahasa lain tersebut.
Terakhir tinggal simpan, Beres Deh. Gambar slide toko online kita udah ganti dengan slide yang baru dan sesuai dengan tema.
*MerubahTampilan prestashop , lakukan perubahan sedikit file global.css yang berada di C:\xampp\htdocs\presta144\themes\themes-mu\cssseperti gambar dibawah ini :
merubah-menambah-background
background-color: white; bagian ini merubah warna background dari standard yang berwarna putih menjadi warna lain sesuai dengan pilihan anda, anda bisa menggunakan ColorSchemer Studio apabila anda ingin mencari warna yang lebih spesifik atau menggunakan addon-nya mozilla yaitu COLOR That Site!
background: url("../img/back-028.gif") scroll left top transparen bagian ini merubah background dengan memberikan latar belakang berupa image/picture, file back-028.gif ini berukuran 151px x 184px atau sesuaikan dengan selera anda , file ini diletakan di C:\xampp\htdocs\presta144\themes\themes-mu\img
background
Lihat gambar dibawah ini, hasil dari perubahan dengan latarbelakang image
background-image-prestashop
background-repeat:repeat-x: repeat-y; bagian ini memberikan efect penyebaran image ke seluruh bagian halaman web baik secara horizontal maupun vertikal , jika anda hanya menuliskan repeat-x maka penyebaran image hanya secara horizontal ( 1 baris ) begitu juga dengan repeat-y penyebaran image dilakukan secara vertikal.
Image background-repeat:repeat-x
background-image_repeat-x
Image background-repeat:repeat-x
background-image_repeat-y
Ema malini(201612034)
reguler A/ semester4
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon