List items in rows of 3?

[lol_internet]

Hello everybody,

I'm attempting to list my items in rows of 3 instead of 1 item stacked on top of each other, with name and price under the image(just like the new products box). I just need to know what file creates the item list, and what would be the easiest method.

Thanks.

[gjh42]

What you need is to install the Column Layout Grid mod from Free Addons. This is built to do what you want.

[lol_internet]

Wow, thank you. For some reason when I googled this, absolutely nothing turned up.

Mod can close this thread.

[goldmarkpromo]

i'm trying to use the addon, but can't really figure it out. Can you help me a little. My site is www.microbelift.net
Thanks

[goldmarkpromo]

Never mind my last post about this problem. I was able to figure it out.

[pieter_cactus]

Hi,
I just installed that Column Layout Grid for Product Listing mod. Seems to work fine in internet explorer, but Mozilla firefox (3.0.6) seems to have problems with the colums. Sometimes they are OK, but other times they are irregular, one product picture that's out of the line, some pictures are put side by side and then a big blank before the next picture.
Probably the generated code is not OK with all browser types. Or am I doing something wrong?

Pieter

[hu2hu2]

Hi I also have the same problem with the layout. Sometimes the product images are fine, other times they seem to be all over the place. Anyone know how to fix this problem?

[pieter_cactus]

Hi,
I just made a printscreen of the layout of my page:
http://www.cactaceae.be/forum/scherm.jpg
The lowest row is like it should be. Note the position of my items on the upper two rows. As well as the bold lettertype of the upper row. I have no idea what causes this.
Pieter

[gjh42]

We can't be certain of the layout cause without seeing the site live. It may be that you have borders, margin or padding on the products that causes them to be wider than specified and not all fit in the space available.

The bold font is because the template file treats the first row of its display like a heading, even though it is not one in this case. Something like

.productListing-heading {font-weight: normal;}

in your stylesheet should take care of that.

[pieter_cactus]

Thank you so the problem probably lies in the stylesheet. I'll take a closer look to that.
My pages can be seen on http://www.cactaceae.be/roxpi

Regards,

Pieter