Display products 4 in a row

[simone79vi]

Hi to all.. Is it possible to display products 4 in a row in the default template instead of 3?

 

Thank you

[rocky]

It's the following on lines 26-35 of themes/default-bootstrap/product-list.tpl that controls the number of products per line:

	{*define number of products per line in other page for desktop*}
	{if $page_name !='index' && $page_name !='product'}
		{assign var='nbItemsPerLine' value=3}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=3}
	{else}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

The first three assigns are for the number of products per line in desktop, tablet and mobile mode on category pages. The second three assigns are for the homepage and product page.

[simone79vi]

Hi, I have change this line in themes/default-bootstrap/product-list.tpl

 

{if $page_name !='index' && $page_name !='product'}
        {assign var='nbItemsPerLine' value=3} --> {assign var='nbItemsPerLine' value=4} 

 

but I don't see any difference..

I have to do something else?

 

thank you

[rocky]

I just checked and it looks like you need to change line 49 of product-list.tpl too. Change it from:

		<li class="ajax_block_product{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}

to:

        <li class="ajax_block_product{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}

That will change the width of products in desktop view on category pages from 4/12ths to 3/12ths.

[simone79vi]

changes made but I have the same situation.. 3 products for line

[rocky]

It works fine on my PrestaShop v1.6.1.8 test site after making both the changes above. Did you try clearing the cache by going to the Advanced Parameters > Performance tab and clicking the "Clear cache" button?

[simone79vi]

ok.. now work!!

Grazie

[simone79vi]

Is it possibile to disable the option view: grid or list

because creates wrong pagination after the changes made.

It's better remove it

[rocky]

Change lines 26-30 of themes/default-bootstrap/product-sort.tpl from:

<ul class="display hidden-xs">
	<li class="display-title">{l s='View:'}</li>
    <li id="grid"><a rel="nofollow" href="#" title="{l s='Grid'}"><i class="icon-th-large"></i>{l s='Grid'}</a></li>
    <li id="list"><a rel="nofollow" href="#" title="{l s='List'}"><i class="icon-th-list"></i>{l s='List'}</a></li>
</ul>

to:

{*<ul class="display hidden-xs">
	<li class="display-title">{l s='View:'}</li>
    <li id="grid"><a rel="nofollow" href="#" title="{l s='Grid'}"><i class="icon-th-large"></i>{l s='Grid'}</a></li>
    <li id="list"><a rel="nofollow" href="#" title="{l s='List'}"><i class="icon-th-list"></i>{l s='List'}</a></li>
</ul>*}

[simone79vi]

Ok..

now work!

[ShoppoX]

Thanx....Great Help