Cara Mengubah Tampilan Prestashop dengan Menambahkan Warna dan Background

Merubah penampilan Prestashop dengan warna / color  dapat kita lakukan melalui file yang bernama global.css file ini berada pada folder your-themes\css, dibawah ini saya lampirkan area yang dapat dirubah warnanya :

1. Background global.css (line 51)

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#8AE3F9
}

Hasil dari penambahan background:#8AE3F9 akan memberikan efek background pada seluruh halaman, lihat gambar


2. Feature product color                        homefeatured.css (line 1)

#featured-products_block_center li {
margin-right:10px;
padding:10px 0;
width:112px;
height:240px;
background-color: #2A0453;
}

Hasil dari penambahan background-color: #2A0453  akan memberikan efek background pada block home featured product, lihat gambar


3. Background dengan picture / image global.css (line 51)

Letakan file love.gif ini ( atau file lain ) ke folder  C:\xampp\htdocs\presta1541\themes\default\img

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:url(../img/love.gif) scroll left top transparent;
background-repeat:repeat-x: rapeat-y;
}

Hasil dari penambahan background:url(../img/love.gif) scroll left top transparent; dan background-repeat:repeat-x: rapeat-y; akan memberikan efek background pada halaman  lihat gambar




Sekian, semoga bermanfaat
https://mail.google.com/mail/u/0/#sent?compose=1620017fbe84bb62

1. Silahkan login ke admin prestashop yang sudah di install sebelumnya,menggunakan (user dan passwordnya ) :

login prestashop

 

 

2. Setelah Login Pilih menu Preferences kemudian pilih Themes .

preferences

 

3. Setelah masuk ke menu themes pilih Add New Themes.

add new theme

 

4. Setelah Itu akan ada tampilan untuk upload file tempalte yang sudah kita download pada PC kemudian pilih Add File.

import theme

 

5.Setelah file .zip sudah di pilih kemudian klik save, maka tunggu prosess instalasi themesnya.

upload success

 

6. Jika muncul pesan successful Upload maka instalasi tempalte sudah berhasil, namun jika muncul pesan error "Bad configuration File", pastikan file tempalte benar bisa coba unzip terlebih dahulu apakah di dalam file zip benar berisi file modules,themes dan config.xml . dan pastikan juga untuk instalasi template sesuai dengan versi prestashop yang di gunakan.

bad configuration file

Demikian cara merubah tempalte prestashop semoga bermanfaat, Terima kasih. 🙂

https://kb.indowebsite.id/knowledge-base/cara-merubah-themes-pada-prestashop/

Nama : Susilawati Reg B

Previous
Next Post »
Thanks for your comment