Mengganti Lorem Ipsum dan Custom Block Prestashop

Pada tutorial sebelumnya kita sudah meguraikan bagaimana cara mengganti banner, mengganti gambar slide, mengganti gambar diskon dan mengganti logo pada prestashop. Sekarang kita akan mengganti kata-kata lorem ipsum dan custom block pada prestashop untuk toko online kita.

Kita bebas mengganti dengan apa saja yang ingin kita beritahu pada pengunjung toko online kita. Pada tutorial ini saya akan memberi contoh seperti penjelasan toko online dan layanan/service oleh toko online kita.

Seperti terlihat pada gambar berikut yang saya tandai dengan warna merah.

mengganti keterangan prestashop

Sudah tau yang akan kita ganti kan? Nah pertama kita masuk dulu ke halaman dashbor prestashop kita dengan login terlebih dahulu. Pada postingan sebelumnya cara mengganti banner prestashop sudah dijelaskan sekilas.

Setelah kita login, 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 Block Informasi CMS Custom (ini dalam bahasa indonesia), untuk jelasnya agar mudah mencari lebih baik kita tau seperti apa tampilan iconnya kan?gambarnya seperti berikut.

Modul Block Informasi CMS Custom

Setelah ketemu modul tersebut, lalu pilih konfigurasi. Selanjutnya akan tampil halaman pengaturan. Ada dua pengaturan yaitu lorem ipsum dan custom block.

pertama untuk lorem ipsum, klik edit dan isikan seperti yang kita inginkan, contohnya seperti berikut.

mengganti lorem ipsum

Pada pengisian seperti diatas, harus kita lakukan sebanyak bahasa yang kita punya. Caranya dengan klik panah kecil di samping atasnya.

Kemudian untuk mengganti custom block sama seperti cara diatas, contohnya seperti berikut.

mengganti custom block

Setelah kita atur tulisan apa yang akan tampil, jangan lupa di simpan ya?

Nah Lorem ipsum dan custom block kita telah hilang dan tergantikan dengan penjelasan sesuai toko online kita. 

Mengganti Logo Prestashop

Pada tutorial sebelumnya kita sudah meguraikan bagaimana cara mengganti banner, mengganti gambar slide, dan mengganti gambar diskon pada prestashop. Sekarang kita akan mengganti gambar logo pada prestashop untuk toko online kita.

Seperti terlihat pada gambar berikut yang saya tandai dengan warna merah.

Sudah tau yang akan kita ganti kan? Nah pertama kita masuk dulu ke halaman dashbor prestashop kita dengan login terlebih dahulu. Pada postingan sebelumnya cara mengganti banner prestashop sudah dijelaskan sekilas.

Setelah kita login, pada menu dashboard kita, pilih Seting lalu klik Theme. Lihat gambar berikut.

mengganti logo prestashop

Nanti akan muncul sebuah halaman, bawa scroll kabawah, akan menemukan tampilan untuk mengganti gambar logo prestashop toko online kita.

mengganti logo prestashop

Yang harus kita lakukan adalah ,mengupload gambar logo kita dengan klik tombol tambah file. Untuk ukuran logo tersebut buat saja dengan ukuran 309x77 px. Setelah itu Simpan.

Nah logo pada prestashop kita sudah selesai diganti dengan logo toko online kita. Mudah kan?

Mengganti Gambar Diskon Prestashop

Pada tutorial sebelumnya kita sudah meguraikan bagaimana cara mengganti banner pada prestashop dan cara mengganti gambar slide pada prestashop. Sekarang kita akan mengganti gambar diakon dan gambar yang ada pada presashop bagian bawah pada tampilan prestashop.

Seperti terlihat pada gambar berikut yang saya tandai dengan warna merah.

gambar diskon prestashop

gambar footer prestashop

Sudah tau yang akan kita ganti kan? Nah pertama kita masuk dulu ke halaman dashbor prestashop kita dengan login terlebih dahulu. Pada postingan sebelumnya cara mengganti banner prestashop sudah dijelaskan sekilas.

Setelah kita login, 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 Konfigurasi Theme (ini dalam bahasa indonesia), untuk jelasnya agar mudah mencari lebih baik kita tau seperti apa tampilan iconnya kan?gambarnya seperti berikut.

konfigurasi tema

Setelah ketemu modul tersebut, lalu pilih konfigurasi. Selanjutnya akan tampil halaman pengaturan banner seperti berikut.

mengganti gambar diskon

Sebelumnya pada gambar diatas, terdapat tombol INDONESIA dan ENGLISH(ENGLISH), maka kita harus mengatur gambar untuk tampilan bahasa indonesia dan bahasa inggris. Sekarang yang saya contohkan adalah untuk bahasa indonesia, jadi nanti setelah mengikuti tutorial ini sampai akhir, lakukan hal yang sama untuk bahasa inggrisnya ya?

Pada tampilan tersebut klik tobol Tambah. Lalu akan muncul halaman pengaturan seperti berikut.

Pada gambar diatas pertama kita harus mengatur hook dimana gambar akan ditampilkan, Home untuk menampilkan gambar (untuk masukan saja, urutan gambarnya bisa berukuran 383x267 px, 383x267 px, 383x267 px, 383x142 px, 777x142 px) pada footer prestashop dan Top untuk menampilkan gambar (untuk masukan gambar berukuran 381x267 px) pada posisi gambar diskon.

(ukuran-ukuran gambar tersebut hanya masukan saja ya?) 

Pada intinya kita harus melakukan 3 hal, yaitu menentukan hook dimana gambar akan ditampilkan, lalu memuat gambar  dengan klik Browse dan terakhir memberi link tujuan. Link tujuan berguna jika kita klik gambar yang kita upload sebelumnya akan mengantarkan kita sesuai dengan link tujuan yang kita isikan.

Setelah melakukan catra yang diatas lalu untuk penutup klik tombol Simpan. 

Nah gambar pada prestashop kita sudah selesai diganti dengan gambar yang baru dan sesuai dengan yang kita inginkan untuk toko online kita.

Mengganti Gambar Slide Prestashop

Pada tutorial sebelumnya kita sudah meguraikan bagaimana cara mengganti banner pada prestashop. Sekarang kita akan mengganti gambar slide pada slider prestashop yang terletak pada bagian atas dan dibawah menu pada tampilan prestashop.

Seperti terlihat pada gambar berikut yang saya tandai dengan warna merah.

Slide Prestashop

Sudah tau yang akan kita ganti kan? Nah pertama kita masuk dulu ke halaman dashbor prestashop kita dengan login terlebih dahulu. Pada postingan sebelumnya cara mengganti banner prestashop sudah dijelaskan sekilas.

Setelah kita login, 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 toko online kita.

Mengganti Banner Prestashop

Sebelumnya kita sudah menguraikan apa saja yang akan di jelaskan dalam mengganti gambar-gambar yang ada pada prestashop. Sekarang kita akan mencoba mengganti gambar banner yang terletak pada bagian paling atas pada tampilan prestashop.

Seperti terlihat pada gambar berikut yang saya tandai dengan warna merah.

Banner Prestashop

Sudah tau yang akan kita ganti kan? Nah pertama kita masuk dulu ke halaman dashbor prestashop kita dengan login terlebih dahulu.

Login Prestashop

Setelah kita login, 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 Block Banner, untuk jelasnya agar mudah mencari lebih baik kita tau seperti apa tampilan iconnya kan?gambarnya seperti berikut.

Setelah ketemu modul tersebut, lalu pilih konfigurasi. Selanjutnya akan tampil halaman pengaturan banner seperti berikut.

Dari tampilan tersebut kita diberitahu bahwa ukuran gambar banner kita akan lebih baik berukuran 1170x65 px. Bagi yang hanya untuk belajar, yang perlu kita lakukan disini hanya memasukkan gambar dengan klik pilih file lalu pilih gambar banner yang telah kita desain atau download dan kita atur ukurannya. 

Ada yang penting dalam memasukkan gambar banner tersebut. Disamping tombol pilih file, 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 banner dan tautan banner seperti cara diatas lagi. Jika ada bahasa lain, juga lakukan hal yang sama untuk bahasa lain tersebut.

Setelah itu kita masukkan tautan banner dengan alamat url /localhost. Tautan banner berguna jika kita klik gambar banner tersebut akan membawa kita ke alamat url/localhost yang kita entry sebelumnya pada tautan banner. 

Terakhir tinggal simpan, Beres Deh. Banner toko online kita udah ganti dengan banner baru.

Mengganti Gambar Pada Prestashop

Prestashop. 

Setelah kita memasukkan kategori, sub kategori serta brand/manufacture  pada Prestashop. Agar tampilannya lebih menarik, akan lebih baik kalau kita mendisain gambar yang menarik untuk di letakkan pada toko online kita, Selain enak di pandang juga dapat menarik lebih banyak pengunjung kan? 

Berikut ini gambaran secara garis besar apa saja yang akan kita ganti, seperti berikut:

Bagian yang akan diganti

Karena akan panjang sekali postingan ini jika saya langsung menerangkan bagaimana caranya pada postingan ini, maka saya putuhkan untuk membagi dalam beberapa posting, gpp ya?

1. I (Mengganti Banner Prestashop)
2. II (Mengganti Gambar Slide Prestashop)
3. III & IV (Mengganti Gambar pada Prestashop)
4. V (Mengganti Logo Prestashop)
5. VII (Mengganti Lorem Ipsum dan Custom Blok)

Pada link-link di atas telah dijelaskan bagaimana mengganti gambar-gambar yang ada pada prestashop dengan singkat. semoga bermanfaat ya?