PS1.6 show 4 products on a row in product list

[Adi Maniur]

Hi there,

 

I just installed prestashop 1.6 for the first time (1.6.0.11) and I do not know how to display 4 products per line on product list.

 

I edited the product-list.tpl file, changed {assign var='nbItemsPerLine' value=3} to {assign var='nbItemsPerLine' value=4}, everything is ok, the 4th product has now the class "last-in-line" BUT, the problems is the CSS.

 

In css, the width of the li is 33.33333% and I need it to be at 25%.

 

 

So.. my question is, where can I edit this line? where is the css file? coz in chrome dev tool it points me to a cached css file

 

media="all"

 

@media (min-width: 992px)

 

.col-md-4 {

1. width: 33.33333%;

}

 

See my problem here: http://144.76.85.194/~testmedial/P16/en/3-women

[Adi Maniur]

Ok, i figured it out.

 

Also in product-list.tpl, I changed the li classes like this:

 

Old class:

{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4{/if}

 

New class:

{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-3{/if}

[kalaiarasan]

Thanks,its worked on my website vanakkamshoppers.com