PRESTASHOP 1.5.4 - CUSTOMIZE BLOCK HEADER PART 2 – BACKGROUND HEADER

Untuk merubah background header yang sebelumnya berwarna putih dapat dilakukan sebagai berikut :

1. Merubah warna background

Bukalah dengan notepad++ file global.css pada folder C:\xampp\htdocs\presta1540\themes\default\css\global.css arahkan cursor ke baris  557 yang berisi script header lihat script dibawah ini yang merupakan bagian dari global.css

/********************************************************************

                        HEADER

*********************************************************************/

#header {

position:relative;

background:green;   -------- script yang ditambahkan background header akan berwarna hijau

}

2. Background berupa gambar / picture

Jika warna background akan diganti dengan gambar atau picture anda dapat merubah script ini menjadi seperti ini

/* ***************************************************************

                        HEADER

*****************************************************************/

#header {

position:relative;

background: transparent url(../img/kotak_header.png) no-repeat top left;

}

** copy secara manual file image ber-extension png/jpg  ke dalam folder C:\xampp\htdocs\presta1540\themes\default\img\kotak_header.png 

Sekian, semoga bermanfaat

-------------- Perhatian dan Sangat PENTING------------------------------------------------

1. Sebelum anda melakukan customze back-up lah terlebih dahulu

2. Setiap perubahan yang di lakukan di CMS ini harus di re-compile agar dapat berjalan
   dengan optimal 

        

caranya : Login ke Dashboard/Control Panel – pilih tab Advanced Parameters – 
Perfomance - Template cache click force compilation

------------------------------------------------------------------------------------------

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