Merubah/menambah gambar/warna pada background Prestashop 1.5.6.1

Merubah / menambah gambar / warna pada background prestashop sebenarnya terbilang mudah untuk dilakukan, saya jamin anda semuanya pasti bisa, sekarang mari kita lakukan perubahan sedikit file global.css yang berada di C:\xampp\htdocs\presta144\themes\themes-mu\css seperti gambar dibawah ini :

background:#EBEDF4; 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/ pears-seamless-pattern.png") transparent; bagian ini merubah background dengan memberikan latar belakang berupa image/picture, file pears-seamless-pattern.png ini berukuran 120px x 90px atau sesuaikan dengan selera anda , file ini diletakan di C:\xampp\htdocs\ presta144\themes\themes-mu\img

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.

Lihat gambar dibawah ini, hasil dari perubahan dengan latarbelakang image

Sekian, Terima kasih
Tutorial by Syah Jehan Muhammad ( syahjehan27@gmail.com )

Customize Block Header Prestashop 1.5.6.1

Meng-kustomisasi prestashop pada block header sebenarnya gampang-gampang sulit ( atau memang sulit banget… ). Gampang-nya kalau sudah tahu harus disisipkan dimana script yang kita inginkan, sulitnya ya kebalikan dari yang tadi.

Nah sekarang racikan jamunya saya kasih tahu

Pertama siapkan gambar / warna yang sesuai dengan kebutuhan anda, saya asumsikan anda menggunakan gambar dengan ukuran 120px X 90px dan nama file tersebut adalah pears-seamless-pattern.png seperti dibawah ini

Kedua, bukalah dengan notepad++ file grid_prestashop.css yang ada pada folder C:\xampp\htdocs\presta1561\themes\tema-mu\img selanjutnya rubah dan tambahkan script seperti dibawah ini lihat gambar

Perhatikan script yang ada dalam kotak merah, tambahkanlah pada script anda dan anda akan mendapatkan background header seperti dibawah ini

Sekian, Terima kasih
Tutorial by Syah Jehan Muhammad ( syahjehan27@gmail.com )

INSTALASI PRESTASHOP 1.5.6.1 DI LOCAL HOST / XAMPP SERVER

Persiapan yang harus anda lakukan adalah :

1. Unduhlah CMS Prestashop yang terbaru anda bisa download melalui situs resminya yaitu :
        CMS Prestashop 1.5.6.1  atau Prestashop 1.5.6.1
2. Jika anda belum mempunyai server untuk localhost unduhlah XAMPP server  di
        http://www.nat32.com/xampp
3. Install terlebih dahulu XAMPP server di PC anda kemudian lanjutkan dengan meng-install
        CMS Prestashop di folder c:\xampp\htdocs\
 

4. Aktifkan XAMPP server dengan meng-klik shortcut XAMPP Control Panel di desktop,
        kemudian klik button start pada module Apache dan MySql seperti gambar berikut ini

5. Buatlah sebuah file kosong di MySql dengan cara :
Jalankan Browser anda ketik http://localhost/phpmyadmin
Selanjutnya pada halaman phpMyadmin buatlah sebuah file seperti gambar berikut ini :

Setelah selesai klik button “create”, dan muncul dialog selanjutnya

Jika muncul dialog seperti gambar diatas itu berarti pembuatan file database kosong dengan nama
        presta1561 sudah selesai, kemudian keluar dari halaman tersebut.

6. Jalankan browser ( firefox / chrome )  anda dan ketikan http://localhost/presta1561 (atau sesuai
       dengan nama yang anda buat pada folder XAMPP)

7. Selanjutnya browser akan menampilkan proses penginstallan Prestashop agar bisa digunakan seperti
        dibawah ini :

Anda diminta untuk memilih bahasa yang akan dipergunakan pilihlah “English” kemudian  click Next  pada halaman selanjutnya akan disajikan gambar seperti ini :

Pilih dengan meng-click / memberi tanda centang pada kolom “I agree to the above terms and conditions” kemudian click Next, kemudian gambar selanjutnya adalah Information about your Store

Information about your Store

        Shop Name        : isikan dengan nama toko online anda misal Handycraft plasa
Main activity         : isikan dengan jenis usaha anda misal flower, gifts dan craft
Country                 : isikan dengan Indonesia atau negara lainnya
Shop time zone         : automaticaly muncul misal Asia/Jakarta
First name, Last name : isikan dengan nama anda
        Email address, Shop Password dan Re-type to confirm
                                               : isikan email dan password anda ingat-ingatlah karena pada saat anda akan
                                                 membuka admin control ( Back Ofiice ) akan diminta username / email dan
                                                 password-nya.


Selanjutnya click Next untuk melanjutkan….Configure your database by filling out the following fields

       Database server  address   : Default localhost

       Database name           : Isilah nama database yang sebelumnya anda 

                                                            buat melalui PHPMyAdmin misal : presta1561 

                                                            ( defaultnya : prestashop )

       Database login           : Default root

       Database password           : sebaiknya anda isi demi keamanan web anda 

                                                            jika anda menggunakan web host, tetapi jika tidak, 

                                                            bisa diabaikan 

       Tables prefix                    : Default ps_ anda bisa mengganti dengan prefix yang lain misal

                                                            ps_, tk_, px_, toko_ dll hasilnya jika dilihat tabel  database-nya 

                                                            akan seperti ini : 

                                                         ps_ tk_         px_         toko_

                                                         ps_access tk_access         px_access         toko_access

                                                         ps_accessory tk_accessory px_accessory toko_accessory

                                                         ps_address tk_address px_address toko_address

Setelah itu Click button Test your database connection now!  dan confirmasi berhasil ter-koneksi atau tidak akan diberikan seperti gambar dibawah ini

Tahap selanjutnya jika semua berjalan dengan  lancar maka peng-install-an system Prestashop mulai dilakukan lihat gambar

 

Proses peng-installan berakhir setelah muncul pemberitahuan yang menyatakan "Your instalation is finish ( installasi telah selesai ) dan anda diminta untuk mengingat email dan password serta menghapus folder Install lihat gambar

Setelah semua proses selesai anda bisa langsung melihat halaman web anda dengan meng-click “Discover your store” (front office ) atau masuk ke bagian admin / Back Office dengan meng-click  “Manage your store”

Penampilan Front Office :

Penampilan Back Ofiice, pada saat pertama kali membuka Back Office / Admin / Control Panel akan muncul peringatan seperti ini :

Lakukan-lah perintah diatas untuk menghapus folder install dan me-rename ( merubah ) folder admin menjadi yang anda kehendaki misal admin1561 dan bukalah kembali back office dengan mengetikan http://localhost/presta1561/admin1561 lihat gambar

Demikianlah tutorial saya mengenai "INSTALL PRESTASHOP 1.5.6.1 DI  LOCAL HOST / XAMPP SERVER" semoga bermafaat.

Tutorial by Syah Jehan Muhammad 

Update, Insert Database Zone Via PHPMyAdmin

Sebenarnya pengisian database zone pada Prestashop bisa dilakukan melalui Admin Control Panel seperti yang ada pada artikel SHIPPING : CARRIERS – ZONES – COUNTRIES – STATE, akan tetapi ini akan memakan waktu yang cukup lama, untuk menanggulangi hal itu maka kita bisa melakukan update / insert database zone via phpmyadmin, caranya

1. Atifkan XAMPP server, Klik start pada Apache & MySql
2. Buka Browser favorit anda ketikan http://localhost/phpmyadmin dan tekan enter, lihat gambar

3. Buka database yang dipergunakan misal toko1560, klik file toko1560 dan anda akan disajikan file-file      dari database toko1560 ( table-table dari database toko1560 ) , lihat gambar

 4. Selanjutnya bukalah table dengan nama ps_zone dengan cara meng-klik table ps_zone maka akan disajikan field-field dari table ps_zone, lihat gambar

5. Kemudian klik Browse, maka akan ditampilkan isi dari tabel ps_zone, lihat gambar

6. Hapus-lah isi dari table ps_zone dengan meng-klik tab Empty, akan muncul kotak dialog jawablah dengan meng-klik Buton Ok

7. Selanjutnya bukalah script ini dan copy-paste-kan ke tab SQL, kemudian klik button Go, lihat gambar

8. Apabila berhasil akan muncul pemberitahuan spt ini , lihat gambar

9. Selanjutnya periksalah apakah database yang anda isikan tadi sudah berhasil? Klik tab browse silakan lihat hasilnya

Selesai sudah
Tutorial by syah jehan muhammad ( syahjehan27@gmail.com )

INSTALL PRESTASHOP 1.5.6.0

Pada dasarnya meng-install Prestashop 1.5.6.0 tidak jauh berbeda dengan versi dibawahnya seperti Prestashop 1.5.4.0 , Prestashop 1.5.4.1 , Prestashop 1.4.11.0

Hanya pilihan bahasa yang tersedia cukup banyak, pada tutorial kali ini saya hanya akan memberikan gambar-gambar hasil install saya di server XAMPP ( Server Local ).

1. Aktifkan Server XAMPP melalui Control Panel XAMPP, klik start pada Apache dan MySql
2. Buka browser mozila firefox atau chrome atau sesuai dengan selera anda ketikan http://localhost/presta156 atau http://localhost/presta156/install, folder presta156 adalah folder dimana CMS Prestashop berada nama folder boleh apa saja, maka selanjutnya akan muncul gambar sbb :

 

Gambar. 1

 

Gambar 2

 

Gambar 3

Gambar 4

 

Gambar 5

 

Gambar 6

 

Gambar 7

 

Gambar 8

Gambar 9

 

Gambar 10

 

Gambar 11

 

Gambar 12

Gambar 13. Hasil Penayangan Web apabila installasi berhasil

Sebelum instalasi buatlah sebuah database kosong ( database tanpa tabel, karena tabel akan terisi sendiri pada saat instalasi) untuk membuat database kosong bukalah browser dan ketikan http://localhost/phpmyadmin, Setelah Installasi berhasil rubahlah nama folder admin menjadi apapun terserah anda mis adminku dan hapuslah folder install 

Petunjuk lengkap silakan buka tutorial saya mengenai install prestashop 1.5.4.0



Tutorial by syah jehan muhammad ( syahjehan27@gmail.com )

SHIPPING - CARRIERS – ZONES – COUNTRIES – STATE

Dalam proses shipping atau pengiriman barang pada module CMS Prestashop ini pertama-tama yang harus kita lakukan adalah mengisi module zone yg berada pada menu bar Localization lalu isilah dengan nama wilayah di Indonesia ( luar negeri ) yang bisa dicapai oleh expedisi pilihan anda atau anda dapat mendownload script ini dan insert/add via phpmyadmin ( lihat artikel saya yang berjudul Update/Insert Database Zone Via PHPMyAdmin ), saya menggunakan TIKI-JNE sebagai reference  lihat gambar dibawah ini :

   

Setelah selesai pengisian zone Kemudian isilah carriers pada menu bar Shipping, lihat gambar

Tahap pertama isilah general setting, isilah dengan nama carriers atau expedisi yang anda gunakan berserta informasi umum yang ada pada expedisi tersebut seperti Transit Time, Speed  grade, Logo, Tracking URL dll

Selanjutnya tahap kedua Shipping Locations and Cost, Isilah sesuai dengan informasi yang anda punya mengenai Expedisi tersebut ( ex. TIKI-JNE ) dan isi pula tarif di masing-masing kota tujuan..

Selanjutnya tahap ketiga yaitu size, weight, and group access

Setelah ketiga tahap tersebut diisi klik Finish, maka akan keluar ringkasan (summary ) dari apa yang telah kita isi, lihat gambar

Sampai disini selesai….
Tutorial by syah jehan muhammad ( syahjehan27@gmail.com )