Step by step Install Prestashop 1.5.6.2 dalam gambar

Langkah Pertama 

Membuat Database Kosong dengan PHPMyAdmin, lihat gambar

Langkah Kedua 

Extract lah file prestashop 1.5.6.2.zip saya menggunakan 7zip untuk meng-extract dan rubah folder prestashop menjadi presta1562 dan copy ke dalam folder C:\xampp\htdocs\presta1562

Langkah Ketiga

Aktifkan XAMPP Server 

Lanjutkan dengan meng-install prestashop, bukalah web browser favorit anda saya menggunakan Firefox 27.0.1 kemudian ketikan http://localhost/presta156/

Peng-Install-an telah selesai anda diberikan 2 pilihan :

1. Back Office Prestashop 1.5

2. Front Office Prestashop 1.5

Yang perlu diperhatikan setelah selesai peng-install-an yaitu :

Menghapus folder "Install" dan merubah folder admin menjadi sesuka anda

setelah anda laksanakan perintah diatas, buka kembali Control Panel / Back Office / Dashboard dengan

meng-klik : http://localhost/presta1562/admin1562 akan muncul, lihat gambar :

isilah password yang sebelumnya anda buat pada saat proses instalasi, selanjutnya dashboard akan ditampilkan 

hasil preview menjadi seperti ini :

Sekian, terima kasih

Syah Jehan Muhammad ( syahjehan27@gmail.com )

Tutorial Prestashop dalam benuk PDF

1. Install Prestashop 1.4.1.1.0...Download
2. Install Prestashop 1.6.0.2...Download
3. Tutorial Memasang Thema Prestashop 1.4.1.1...Download
4. Customize Theme Prestashop dengan Firebug...Download
                                                  

Module : 3D BLOCK TOP MENU ( MODIFIKASI )

Untuk memodifikasi Block Top Menu sebenarnya mudah tapi sulit, mudah karena hanya merubah / menambah syntax pada css dan image silakan anda download file ini atau ini tempatkan pada folder C:\xampp\htdocs\presta156\modules\blocktopmenu\css dan file ini tempatkan pada C:\xampp\htdocs\ presta156\modules\blocktopmenu\img jika ingin merubah ke model lain silakan juga download file ini

Terus bagaimana cara merubahnya.... ini yang diharapkan dan di tunggu....lanjut...

1. Buka file superfish-modified.css dengan notepad++ jika belum punya download yee...

2. Setelah itu lihat gambar dibawah ini : 

lanjutkan dengan baris selanjutnya...

file-file dalam folder /img lihat gambar

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

MODULE : BLOCK FOOTER DI PRESTASHOP 1.5.6.0

Pertama-tama download dan extract-lah dengan 7zip module blockfooter dan blockcategories  ini dan letakan dalam folder c:\xampp\htdocs\presta156\modules\ setelah itu aktifkan XAMPP dan bukalah dengan browser anda Back Office Prestashop dengan mengetik alamat berikut : http://localhost/presta156/admin1506 selanjutnya akan muncul dashboard/control panel web anda, lihat gambar :

Pilih Module--->modules, anda akan disajikan halaman yang berisi list module, untuk blockfooter ini berada pada sub Other modules, lakukan peng-installan module ini ( klik 2 kali di buton install ) lanjutkan dengan meng-klik sub menu front office features dan NonActive-kan module-module dibawah ini :

Social networking block
CMS Block
Customer reassurance block
Block contact infos

Hasil setelah semuanya dilakukan, lihat gambar dibawah ini

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

Prestashop 1.5.4 - Module Local Bank Wire ( Indonesia Bank Wire ) – Install & Configure

Untuk menambah Module Bank wire Indonesia seperti Bank BRI, BNI, BCA, Mandiri, HSBC, CityBank di Prestashop 1.5.4 bahan-bahan yang harus anda persiapkan adalah sebagai berikut :

1.    Download module bank yang sudah saya modifikasi

2.    Module Bank wire ini terdiri dari beberapa Bank Local yaitu Bank BRI, BCA, HSBC, CityBank, Mandiri, BNI, Niaga    

-------------------------------------------------------------------------------------------------------------- Ekstrak dengan 7zip dan letakan dalam folder C:\xampp\htdocs\presta1540\modules ( copy paste ke dalam modules )

Download Link : 
* BCA, BNI, MANDIRI, BRI, NIAGA, CityBANK, HSBC 
-------------------------------------------------------------------------------------------------------------- 

Lanjutkan dengan masuk ke Admin Control Panel ( Dashboard ) Prestashop melalui browser anda ketik http://localhost/presta1540/admin1540 ( enter ) isikan Username dan Password.

Lanjutkan dengan meng-klik menu bar modules kemudian pilih modules 

Akan muncul layout seperti ini

Klik button tab Install –  muncul kotak dialog yang menyatakan “Module(s) installed successfully.” Kemudian pilih Configure  akan muncul kotak dialog pengisian rekening dan lain-lain.

Isilah data-data yang sesuai dengan yang anda punya kemudian klik Update settings, sampai disini proses peng-install-an dan Configure Bank Wire telah selesai.

Sekian, Semoga bermanfaat



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

INSTALASI PRESTASHOP 1.6.0.2 DI LOCAL HOST / XAMPP SERVER

Persiapan yang harus anda lakukan adalah :
1. Unduhlah CMS Prestashop 1.6.0.2 yang terbaru anda bisa download melalui situs resminya yaitu :
     http://www.prestashop.com/en/download atau
     http://prestashop.googlecode.com/files/prestashop_1.6.0.2.zip
2. Jika anda belum mempunyai server untuk localhost unduhlah XAMPP server  di
    http://www.nat32.com/xampp

Install terlebih dahulu XAMPP server di PC anda kemudian lanjutkan dengan meng-Copy  CMS Prestashop di folder c:\xampp\htdocs\...(1 folder CMS mis : prestashop_1.6.0.2 singkat menjadi presta 1602)
lihat gambar :

3. 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 :

4. Buatlah sebuah file kosong di MySql dengan cara :

    Jalankan Browser anda ( Chrome / Firefox ) 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 presta1602 sudah selesai, kemudian keluar dari halaman tersebut dengan meng-click X pada tab Browser.

5. Jalankan browser ( firefox/chrome )  anda dan ketikan http://localhost/presta1602 

    (atau sesuai dengan nama yang anda buat pada folder XAMPP)

6. 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 seperti gambar dibawah ini :

Pilih dengan meng-click / memberi tanda centang pada kolom “I agree to the above terms and conditions” kemudian click Next, gambar selanjutnya 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….

Database server  address : Default localhost

Database name : Isilah nama database yang sebelumnya anda buat melalui PHPMyAdmin 

                           misal : presta1602 ( 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 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/presta1602/admin1602 lihat gambar

Dashboard Prestashop 1.6.0.2

Sekian Terima kasih, 

syah jehan muhammad ( syahjehan27@gmail.com )