MERUBAH PENAMPILAN 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


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

CUSTOMIZE HOME FEATURED PRODUCT DI PRESTASHOP 1.5.4.1

Untuk meng-customisasi block home featured Product pada Prestashop 1.5.4.1 dari 4 kolom menjadi 6 kolom dapat kita lakukan dengan merubah script yang ada pada module prestashop.

Pertama, Login-lah ke Admin Module / Dashborad / Control Panel kemudian click tab Preferences – Images, lihat gambar berikut  ini :

Akan muncul halaman selanjutnya seperti ini :

Rubah-lah image size  home_default sesuai dengan yang anda inginkan dengan meng-klik icon edit, kemudian di save

Kedua, bukalah dengan notepad++ script php dari module ini di folder module, homefeatured kemudian klik homefeatured.tpl setelah terbuka rubahlah liHeight  value=250 menjadi 285 dan nbItemsPerLine value=4 menjadi 6

Sebelum dirubah :
{assign var='liHeight' value=250}
{assign var='nbItemsPerLine' value=4}

Sesudah dirubah :
{assign var='liHeight' value=285}
{assign var='nbItemsPerLine' value=6}

Ketiga, rubahlah script homefeatured.css menjadi seperti ini

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

Keempat, rubahlah script grid_prestashop.css menjadi seperti ini

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .grid_1 {width:91px;}
.container_9 .grid_2 {width:202px;}
.container_9 .grid_3 {width:313px;}
.container_9 .grid_4 {width:424px;}
.container_9 .grid_5 {width:750px;}
.container_9 .grid_6 {width:646px;}
.container_9 .grid_7 {width:757px;}
.container_9 .grid_8 {width:868px;}
.container_9 .grid_9 {width:980px;}

Hasil dari perubahan yang anda lakukan seperti ini :

Sekian, semoga bermanfaat



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