switch product listings to a grid layout

[CheekyCockney]

Hi. I'm looking for the same thing but I'm running 1.2.7 still. Would this work or is there an older version of the same thing?

[MikeyG]

I would like to get this working with the product description next to the product image and then have either the add to cart button or a link to full product detail underneath. How can I do this so I have 2 colums of product each colum having image with short description to the right?

Thanks in advance.

MG

[redgorilla]

I can give you a littile advice but not step-by-step instruction.

So you have center column width for example 400px so you need small images width set to less then center width / 4 for example 80. Then you need to edit template files so you will output your products to <div></div> not tables. Then you should set width of this div using css classes also less then center width / 4 for example 90 and set "float: left" property. So you should add some css classes to your style****.

That's all :-).

[vera]

Hi. I'm looking for the same thing but I'm running 1.2.7 still. Would this work or is there an older version of the same thing?

Here you go.

[CheekyCockney]

Vera of Texas, you are one cool bean.

[liquidlead]

Quote:

Originally posted by Tim_B:
I found it. There's a second option I had to change from rows to columns.
Product Listing - Layout Style

I wish my problem were that simple. I don't have any clue on what the deal is...I'm thinkin I'll have to build a table, as suggested by Desopolis. Or does anyone else have any suggestions??? They'd be greatly appreciated!!!!

[Kim]

You don't need to build a table you need a float: left in your stylesheet for the appropriate class.

[liquidlead]

Originally Posted by Kim: You don't need to build a table you need a float: left in your stylesheet for the appropriate class.

It worked, Hallelujah!!! Thanks!

[liquidlead]

heh, one more question...
I finally got the grid system working, now how would I switch from a 2x4 grid to a 4x4 grid?

change from: to:

**** ****
**** ****
****
****

I think I'm slowly, very slowly, getting a hang of this Zen world :) Thanks everyone for your help!

[CheekyCockney]

This worked perfectly first time for me (1.2.7) but it looks a little off. Where I have long product names it messes up the alignment and things are not centered. Eg http://www.cotswood-doors.co.uk/cata...-c-1_7_11.html Where are the tables generated so I can set them up to align properly? (Assuming this is the problem and it would even help)