Archive

Archive for April, 2012

JBXMenu – Menu Bar Vista Version (2)

Anda dapat membuat menu bar pada header prestashop anda menggunakan JBXMenu plus sedikit modifikasi dan jadilah menu bar seperti Vista yang anda inginkan, dibawah ini saya sajikan beberapa menu bar yang bisa anda pergunakan :

File-file png.ini simpan pada module JBXMenu di

C:\xampp\htdocs\presta144\modules\jbx_menu\gfx\menu\

dan jangan lupa cek-lah terlebih dahulu file superfish-modified.css yang ada pada folder

C:\xampp\htdocs\presta144\modules\jbx_menu\css

Apakah file ini sudah meng-akomodasi ke-inginan anda yaitu menampilkan menu bar Vista

Jika tidak silakan lihat postingan saya sebelumnya tentang JBXMenu

menu  :

Hover :

Hasil    :

handycraftplasa-pink

Menu : 

Hover :

Hasil

handycraftplasa-green

Untuk hasil-hasil lainnya silakan gunakan file-file png dibawah ini

Menu  :  1  2  3  4  5  6  7  8  9 10

Hover :  1  2  3  4  5  6  7  8  9  10

 

Advertisements

Merubah/menambah gambar/warna pada background Prestashop

Merubah / menambah gambar / warna pada background prestashop sebenarnya terbilang mudah 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\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 transparent;            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

Selamat mencoba

 

untuk background yang lain anda bisa men-download-nya dari http://www.freebackgrounds.com/background_28.htm

 

Merubah / menambah gambar / warna pada block header

Merubah/menambah gambar/warna pada block header sebenarnya gampang-gampang sulit ( atau memang sulit banget… ). Gampang-nya kalau sudah tahu  gambar atau warna-nya harus disisipkan dimana, sulitnya ya kebalikan dari yang tadi…puuuzzzzziiiiinggggg.

Nah sekarang racikan jamunya saya kasih tau supaya gak puzzzing lagi :

Pertama siapkan gambar / warna yang sesuai dengan kebutuhan anda, saya asumsikan anda menggunakan gambar dengan ukuran 958px X 119px dan nama file tersebut adalah header_bg.png seperti dibawah ini

Read more…

Mengatasi error yang terjadi pada saat anda meng-upgrade Prestashop

Mengatasi error yang terjadi pada saat anda meng-upgrade Prestashop terbilang cukup sulit karena anda harus mengetahui beberapa syntax SQL  seperti SELECT,INSERT, UPDATE yang ada di MySQL / PHPmyAdmin seperti :

SELECT ( menampilkan data yang ada pada tabel )

SELECT * FROM `ps_zone`;   atau

SELECT name  FROM ps_zone where  id_zone=6;

Read more…