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 )