Lapau Mak Kari

Header product special adalah header untuk block modul tertentu yang berlokasi di sidebar kanan atau kiri prestashop, khususnya Prestashop versi gratisan. Kalo yang berbayar, banyak pilihan yang bisa dipakai. Contoh header special adalah shopping cart.

Untuk PS versi gratisan, warna background-nya adalah abu-abu. Untuk mengubah warna background tersebut, ikuti langkah berikut:

Masuk ke cpanel.
Cari file global.css yang berlokasi di theme/prestashop/css/
Cari file header_product_cart.gif
Siapkan file background penggantinya.
Hapus file header_product_cart.gif di folder theme/prestashop/img
Upload file penggantinya di folder theme/prestashop/img. Untuk mempermudah, buat saja namanya menjadi header_product_cart. Perhatikan ekstensinya, apakah .gif, .png, atau .jpg. Misal saja header_product_cart.png
Kembali ke file global.css. Pastikan image header_product memiliki filename dan extension yg sama dengan image baru. Untuk kasus ini, pastikan file image barunya header_product_cart.png.
Selesai.

Untuk melihat perubahannya, masuk ke front office. Jika telah berubah sesuai kenginan anda berarti anda berhasil. Selamat!

Barusan tiba-tiba kepikiran gimana ya caranya supaya website online kita bisa langsung mengirim email ke admin ketika ada pesanan. Mulai deh coba otak-atik module yang ada di Prestashop, soalnya dari sekian banyak module yang ada baru beberapa doank yang dipake. Sayang juga lho padahal Prestashop sudah menyediakan aneka module yang pastinya dapat semakin mempercantik toko online kita.

Ternyata cara untuk memperoleh notifikasi lewat email saat ada pesanan tersebut cukup simpel:

Klik tab Modules
Cari module Mail alerts v2.2 (Sends e-mails notifications to customers and merchants), dan install module tersebut.

Sementara itu, untuk mengatur email admin penerima, Anda harus memeriksa Employees -> Contacts, apakah email yang tertera sudah benar atau belum. Biasanya harus email xxxx@domainkita.com. Jika tidak umumnya, akan muncul error.

Langkah terakhir adalah memeriksa bagian Preferences -> Email untuk melihat apakah email sudah ditujukan ke bagian Contact (yang sebelumnya kita cek)

Gampang kan? Sekarang Anda ga perlu khawatir ada pesanan di toko online tapi terlambat memeriksanya, Anda hanya perlu melakukan hal-hal di atas, dan notifikasi peanan akan dikirim ke email Anda.

Kini, toko online Anda telah cantik, siap menerima pesanan. Bahkan, pengunjung pun sudah banyak hingga kerap kali terjadi out of stock, tapi Anda tidak menyadari-nya. Sayang bukan? Ternyata, ada lho cara untuk mengirim email reminder last stock di Prestashop. Intinya, jika stock barang tinggal 1 buah, sistem akan mengirim notifikasi ke email Anda. Jumlah minimal stock juga dapat Anda modifikasi sendiri.

Gimana cara-caranya? Lagi-lagi, Prestashop telah menyediakan modulenya untuk Anda. Mari ikuti langkah-langkah berikut (setelah login ke admin-nya):

1. Klik tab Modules
2. Cari Mail alert
3. Klik Install
4. Setelah itu, klik Configure
5. Centang pada point yang Anda inginkan, lalu masukkan email yang akan menerima notifikasi, lalu klik Save

Anda merasa cara mengirim reminder last stock ini mirip dengan cara lain? Yup, benar banget, sebelumnya Tim DBI pernah membahas cara mengirim notifikasi email saat ada pesanan!

Sohib, tahukah bagaimana cara menginstall modul di prestashop? Sebagaimana diketahui, PS memang menawarkan fitur sanga kumplit. Namun soal tampilan apalagi yg versi gratis masih memerlukan polesan dikit-dikit. Dan kalau sohib sudah tau cara instalasi modul PS, rasanya gak mungkin baca tulisan ini, ƗƗɐƗƗɐƗƗɐ”̮ ^_^.

Secara umum, cara instalasi modul adalah sama. Dari modul sederhana sampai yang kompleks pada dasarnya sama saja. Hanya, untuk modul kompleks memerlukan pengaturan tambahan.

Dan menurut pengalaman pribadi ada dua cara instalasi yang bisa digunakan. Pertama, melalui back office/modules. Dan kedua, melalui cpanel. Cara pertama, masuk ke BO>module. Tinggal klik add new module. Gampang bukan? Tapi kalau saya kok banyak gagalnya ya (curhat nie). Mungkin ada kaitannya masalah versi PS yang digunakan.

Sedang cara kedua yaitu melalui cpanel, ikuti langkah berikut:

1. Masuk ke domain_anda/cpanel
2. Masuk ke folder module, misalnya public_html/modules
3. Uploadmodul dalam format zip dan ekstrak.
   Meng-upload Modul

   Meng-Ekstrak Modul

4. Secara paralel masuk ke BO>modules, cari modul yang baru saja di upload ke folder modules. Jika upload benar, akan muncul seperti ini
   BO>Modul>Install

5. Klik install dan tunggu hingga selesai
6. Lakukan pengaturan (jika ada) dengan mengeklik configure.
   Mengatur Konfigurasi Modul

7. Selesai.

Template Prestashop menampilkan gambar komputer di sidebar kiri dengan beberapa logo layanan pembayaran. Ya, memang blok itu adalah blok iklan yang di modulnya bernama blockadvertising. Banyak yang ingin mengganti gambar tersebut karena memang kenyataan kurang relevan dengan toko kita bukan? Atau ingin menampilkan Logo Bank yang sohib gunakan untuk pembayaran. Dalam kasus ini akan kita ganti dengan logo pembayaran.

Sebenarnya gampang saja mengganti atau menghapusnya. Ikuti panduan berikut.

1. Menon-aktifkan blok advertising

1. Masuk ke Back Office (BO)
2. Masuk ke module
3. Cari Block Advertising di kelompok module, gunakan jurus Ctrl+F  jika kesulitan.
4. Asalnya module tersebut terinstall, untuk menon-aktifkannya cukup klik uninstall dan Finish

2. Mengganti gambarnya

1. Masuk ke cpanel
2. Masuk ke module
3. Masuk ke blockadvertising, sehingga root komplitnya sbb public_html>modules>blockadvertising
4. Buka file blockadvertising.php dan cari file advertising.jpg. Ganti file ini sesuai selera anda dengan tetap menamakannya advertising.jpg.
5. Jika tidak mau susah mengikuti dua langkah ini, langsung saja pilih opsi ketiga berikut yakni mendonload modul block payment.

3. Mengganti dengan modul payment logo

Modul payment logo adalah display logo bank yang kita gunakan untuk proses pembayaran. Untuk menginstallnya ikuti langkah berikut:

1. Upload file blockpayment ke cpanel. Kalau belum tahu caranya KLIK DISINI.
2. Jika belum punya modulnya, silakan DOWNLOAD DISINI
3. Masuk ke BO dan klik install.
4. Ganti gambarnya sesuai selera anda dan beri nama imagepaymentlogo.jpg.
5. Klik SAVE dan Selesai.

Modul ini sebenarnya sangat fleksibel untuk menampilkan apapun. Jika tertarik untuk ngoprek, silakan saja.

Beberapa waktu yang lalu ada teman yang bertanya cara merubah latarbelakang halaman prestashop, untuk itu saya akan berbagi tips sederhana yang saya tau. Berikut caranya :

1. edit file global.css

/* global layout */
#page {
    width: 980px;
    margin: 0 auto 2px auto;
    text-align: left
}

tambahkan background color

/* global layout */
#page {
        background: #FFFFFF; /*code warna yang diinginkan /*
    width: 980px;
    margin: 0 auto 2px auto;
    text-align: left;
}

atau kalau mau mengubah menjadi gambar, maka ;

tambahkan background image

/* global layout */
#page {
        background-image: url('../path_to/your_image'); /* lokasi gambar yang diinginkan */
    width: 980px;
    margin: 0 auto 2px auto;
    text-align: left;
}

Anda juga dapat membuat gambar latar belakang dengan menggunakan gambar berukuran kecil untuk ditampilkan berulang mengisi seluruh halaman.
Untuk mengontrol efek ini (tiles) gunakan CSS properti background-repeat, sebagai berikut :

background-repeat: repeat /*pengulangan gambar secara vertikal dan horizontal*/

background-repeat: repeat-x /*pengulangan gambar hanya kearah horizontal.*/

background-repeat: repeat-y /*pengulangan gambar hanya kearah vertikal*/

background-repeat: no-repeat /*tidak ada pengulangan gambar*/

no-repeat, cocok digunakan jika gambar latar belakang yang dipakai berukuran besar dan tidak didesain untuk tampil dgn efek Tiles

Selengkapnya mengenai styling CSS, silahkan Anda belajar sendiri disini : Belajar Sendiri CSS Gratis

Untuk mengedit situs prestashop, login ke back office, kemudian klik “Modul” tab, dan menemukan “Home Text Editor” modul di bawah “Tools”. Kemudian klik tombol “configure”. Sehingga kita dapat mengubah sesuai dengan yang kita inginkan. Kita juga dapat menghapus bila kita tidak ingin menampilkan sesuatu.

Foto dapat juga diganti dengan gambar yang kita miliki. Untuk menghapusnya bukan dari halaman back office. tapi login ke ftp kita dan menemukan modul “editorial” di bawah “/ modules / editorial /”. Dalam folder ini. Kita akan melihat gambar yang dinamakan sebagai “homepage_logo.jpg”, dengan menghapus gambar tersebut maka tidak akan tampil di halaman depan

Akhirnya kerja keras Anda berbuah manis, segala macam error yang ditemui selama memodifikasi website, seperti mengubah bahasa, mengubah mata uang, mengubah theme, dll; berakhir sudah. Sudah siap deh kita untuk memulai jualan onlinenya.

Tak disangka tak diduga, ketika sedang mencoba-coba mengirim email Contact Us, eh malah muncul error. Kerjaan baru lagi deh. Tapi Anda tidak perlu khawatir karena solusinya sangat mudah.

1. Pilih tab Preferences
2. Pilih subtab Contacts
3. Ubah Shop email menjadi e-mail yang akan digunakan untuk menerima notifikasi.

Gampang kan cara mengatasi error yang muncul saat kita mengirim email contact us di Prestashop?

1. Mengganti nama default kategori “Home“? Buka database dan temukan ps_category_lang. Pada baris pertama ada kata “Home”, edit dan ganti dengan nama yang diinginkan.
2. Berapa ukuran homepage_logo? 530 x 288
3. Bagaimana agar hompege_logo bisa rata tengah?Caranya: pada folder modul temukan folder editorial —> buka file editorial.tpl kemudian temukan baris ini <div id=”editorial_block_center”> kemudian tambahkan align=”center” hingga menjadi seperti ini <div id=”editorial_block_center” align=”center”>
4. Bagaimana cara mperbesar gambar di JQZoom?Buka file “product.js“>themes>your theme>js>product.js kemudian temukan baris berikut ini: //set jqZoom parameters if needed
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
$('img.jqzoom').jqueryzoom({
xzoom: 200, //zooming div default width(default width value is 200)
yzoom: 200, //zooming div default width(default height value is 200)
offset: 21 //zooming div default offset(default offset value is 10)
//position: "right" //zooming div position(default position value is "right")
});
}Ganti value xzoom dan yzoom sesuai dengan yang kamu inginkan.
5. Menghilangkan tag “Powered by Prestashop” pada situs?? Masuk ke modules>>blockvariouslink>>variouslinks.tpl di bagian bawah terdapat tulisan Powerd by Prestasop beserta link-nya, hapus itu.
6. Menghilangkan tag “Powered by Prestashop” pada email?? Masuk ke folder mail>>”folder bahasa yang kamu gunakan misal: en atau id” dan satu lagi di modules>>mailalerts>>mail>>”folder bahasa yang kamu gunakan”. Tag masing-masing berada di bagian bawah. Semua file yang terdapat di dalam folder ada tag Powered by Prestashop-nya.
7. Memperbaiki isu kompatibilitas ketika mengaktifkan V1.1 compatibility pada prestashop V1.2?? Pada /publik_html cari file init.php kemudian edit, pada baris #180 temukan 'currencies' => Currency::getCurrencies(),-------> kemudian tambahkan 2 baris ini dibawahnya, 'priceDisplay' => intval(Configuration::get('PS_PRICE_DISPLAY')),
'cookie' => $cookie,-----------> hingga secara keseluruhan terlihat seperti ini,
   'currencies' => Currency::getCurrencies(),
'priceDisplay' => intval(Configuration::get('PS_PRICE_DISPLAY')),
'cookie' => $cookie,
'id_currency_cookie' => intval($currency->id),