Homepage product box resizing.

[Raj_Malhotra]

Hello,

 

How can i change the Homepage products box size to small so that i can display more product on my homepage in lesser space?

 

Changing Image size to smaller in PS1.6 dosenot help my problem.

Preferences > Images > home_default

 

PLS HELP.

 

THANK YOU....

[1RONMAN©]

Hello,

 

How can i change the Homepage products box size to small so that i can display more product on my homepage in lesser space?

 

Changing Image size to smaller in PS1.6 dosenot help my problem.

Preferences > Images > home_default

 

PLS HELP.

 

THANK YOU....

I have the same question.

 

Basically I understand how to make them smaller, at least I can make all "containers" which are involved in display of a products smaller, but they also supposed to be displayed like few products in a row, depending on width of the page, so that we have four products in a row in default layout.

 

And if I make them for example 200x200px, there is enough space to show five products in a row, but all I have is four products. There is the problem.. And I don't know how to solve it.

Please help!

Edited April 7, 2014 by 1RONMAN© (see edit history)

[dioniz]

You can do it like this.

Open product-list.tpl and find this code:

{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}

and change it to this:

{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=6}
	{assign var='nbItemsPerLineTablet' value=3}
	{assign var='nbItemsPerLineMobile' value=2}
{/if}

Then find this code:

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} ...

and change to this:

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-2{else}

This way you will have 6 products in a row.

[1RONMAN©]

dioniz, thank you soo much! It works, and it's awesome!

[dioniz]

You are welcome

[roz]

dioniz, thank you soo much! It works, and it's awesome!

 

did you have any issue on "next page" after doing this? or when you change from "grid view" to "list view" is everything ok with your layout?

[dioniz]

There shouldn't be any problem, because this changes are only homepage related

[Raj_Malhotra]

THANK YOU... dioniz it works....

THANK YOU SO MUCH.....

 

[dioniz]

You are welcome

[roz]

You are welcome

 

hi dioniz,

if i also want a 6 row products in the products list page, what do i need to change?

thank you!

[dioniz]

Hi roz,

 

then change to this:

{if $page_name !='index' && $page_name !='product'}
	{assign var='nbItemsPerLine' value=6}
	{assign var='nbItemsPerLineTablet' value=2}
	{assign var='nbItemsPerLineMobile' value=3}
{else}
	{assign var='nbItemsPerLine' value=6}
	{assign var='nbItemsPerLineTablet' value=3}
	{assign var='nbItemsPerLineMobile' value=2}
{/if}

and

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-2{else} col-xs-12 col-sm-6 col-md-2{/if}...

[roz]

thanks dioniz!

[roz]

hey dioniz, i just tried it and my old problem goes back. when i set to 6 rows, when i switch to List View, the layout breaks. any idea why?

 

another question, if i want 4 in a row? what values do i need to change? and is 5 possible? hehe. thank you!

[dioniz]

Yes, i didn't think about product list. That would need more tweaking.

 

For 4 in a row you can set

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

and

<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}...

but it will break product list too.

Edited April 9, 2014 by dioniz (see edit history)

[keppy]

Fantastic - i have attempted to do this (first time editing php) and WOW what was i worried about. i have also managed to get rid of the "toll free" too....on a roll or what?

 

Thank You So Much.

 

Kep

 

www.gamescreche.co.uk

[roz]

Yes, i didn't think about product list. That would need more tweaking.

 

For 4 in a row you can set

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

and

<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}...

but it will break product list too.

 

how to fix that issue then?