Page 1 of 1

How to change to 3 products per row?

Posted: Sun Jul 04, 2010 9:52 am
by condor
Before I spend several hours looking through files to find where this can be changed:
Can someone tell me how I can change from displaying 4 products per row, to 3 products per row, on the Homepage 'Latest' products section, and on the Category & Subcategory pages?

Thanks!

Re: How to change to 3 products per row?

Posted: Sun Jul 04, 2010 10:29 pm
by Qphoria

Re: How to change to 3 products per row?

Posted: Mon Jul 05, 2010 1:27 am
by condor
Thanks!
This is what I was looking for:
EDIT THE FOLLOWING FILES:
catalog/view/theme/default/template/module/*_home.tpl
catalog/view/theme/default/template/product/*.tpl

Change:
$i = 4
to $i = 3

Thanks for your help.

Re: How to change to 3 products per row?

Posted: Mon Jul 05, 2010 3:02 am
by lordmatthewa
I'm also trying to get 3 images per row, I located the files mentioned in this thread but I can't find $i = 4 in any of the files.

Please help?

Re: How to change to 3 products per row?

Posted: Sat Jul 10, 2010 12:38 am
by mbrown1782
I am also not able to find $i = 4 in any of this code. I see where it's coded that $i = 0 and then later on the string it states $i = $i + 4. I have tried changing this 4 to a 3 but all it does is list the 4 items on 1 line and then sy=tarts the next line with the 4th product...

Can anyone address or point us in the propoer direction?

Re: How to change to 3 products per row?

Posted: Sun Nov 16, 2014 1:37 am
by chetandeora
The only way to show products in 3 rows on category page is to change stylesheet.css on line 948
increase the width here -

.product-grid > div {
width: 220px;

Re: How to change to 3 products per row?

Posted: Mon May 11, 2015 7:40 pm
by delpi
how I can add 3 produsct per row, and 3 rows?

I want to show on homepage, on lastest produstc that:

product 1 product 2 product 3
product 4 product 5 product 6
product 7 product 8 product 9

wait for any help. big thanks.

Re: How to change to 3 products per row?

Posted: Sat May 11, 2019 7:51 am
by johnp
The same goes for OC1.5.6.4/5 if you're using a Bootstrap template. I highly recommend OC Bootstrap Pro for OC1.5.6.4/5 based sites. Once you get to grips with Bootstrap there's lots you can do with the theme. It's very flexible.