[SOLVED] Product List Size with 4 per row

[vivek.sakhilati]

Hello,

 

Can someone help me how to show 4 products per row in products list page (category page) but it should not show affect on while seeing website in mobile i mean to say bootstrap.

 

I tried to do it by changing number in product_list.php and added custom css it has changed

 

But the problem is when i tried to chek in mobile images are very small and not fit in the screen.

 

Thanks for your coperation.

 

Regards

Vivek

[vekia]

how many columns you've got active on categories products listings pages?

[vivek.sakhilati]

Left Column and center column thats it...

[vekia]

change col-md-4 to col-md-3 in product-list.tpl file

and also change the number of products per line.

[vivek.sakhilati]

Marvelous Changed Just for other to make it easy i am giving further details

 

Line no 28 - Change assign var='nbItemsPerLine' value=3 to assign var='nbItemsPerLine' value=4

 

Line no 49 -  change this {if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-4{else} to

 

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

 

Just Changed "col-md-4" to "col-md-3"

 

Thanks a lot.

 

Regards

Vivek

[vekia]

you're wlecome and thanks for detailed explanation what you did

it will be helpful for otcher mechants here

 

i marked topic title as solved.

with regards,

Milos