Reduce/Increase No. of New Products on Homepage

[Junaid Khawaja]

I don't know if it's according to community policy but I am going to post a question then answer myself. I am doing it because I found it useful and got no answer for this on other forum posts. Sorry, please delete if against community standards.

 

I've installed prestashop 1.6 on my Bluehost.com server. I need to display 3 new products per row and a left column for categories list. I need all this content in tabs but after the homepage slider. There are by default 4 products per row on homepage and no left/right sidebar so I wanted to achieve both of these requirements. Attached is the image/screenshot that I wanted to achieve.

 

Look for the next post for solution.

[Junaid Khawaja]

 

 

I've installed prestashop 1.6 on my Bluehost.com server. I need to display 3 new products per row and a left column for categories list. I need all this content in tabs but after the homepage slider. There are by default 4 products per row on homepage and no left/right sidebar so I wanted to achieve both of these requirements. Attached is the image/screenshot that I wanted to achieve.

 

I first logged in to my back-admin and then follow:

Preferences > Themes > Press Advanced Settings button

I Checked "yes" on left panel for "index" and then save it.

 

Then I logged in to my cPanel and under current theme folder, I opened file "product-list.tpl" and find this code.

{else}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

and edited it as:

{else}
		{assign var='nbItemsPerLine' value=3}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=1}
	{/if}

I refreshed the page but I found no new products, but no worry because it's a cache issue. Just log in to your back-office search for the module "new products" and configure it. Change it's values and save it. Your products will be ok now. But you will see that there are 3 products per row but there is an empty space for the 4th product, it means now you need to change some css. Go to the same file (product-list.tpl) and find this line:

$page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else}

and replace it with:

$page_name == 'product'} col-xs-12 col-sm-4 col-md-4{else}

Save the file and refresh the homepage. If you still lost your new products so again go to the new products module configuration and change the values and save it. It's done!