List items in rows of 3?

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.

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

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

Mod can close this thread.

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

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

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

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?

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

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.

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

pieter_cactus:

My pages can be seen on http://www.cactaceae.be/roxpi

The problem is occurring because you haven't installed the mod correctly. Check that both of the mod's files have been uploaded into the correct override directory for your template.

Regards,
Christian.

I am seeing the products displaying correctly, three per row (Firefox).

Adding this to your stylesheet will correct the "heading" font problem:

#productListing th {font-weight: normal;}

gjh42:

Adding this to your stylesheet will correct the "heading" font problem:

#productListing th {font-weight: normal;}

The point is, if the mod is installed correctly, it doesn't use tables. If the products are appearing in a table then one of the mod's files has not been installed correctly.

Regards,
Christian.

gjh42:

Adding this to your stylesheet will correct the "heading" font problem:

#productListing th {font-weight: normal;}

OK Thanks that's solved already :-)

Now the other thing. I will be checking all the installed files including their locations. But I thought I did it correctly. I'll keep you guys updated here.

CJPinder:

The point is, if the mod is installed correctly, it doesn't use tables. If the products are appearing in a table then one of the mod's files has not been installed correctly.

Regards,
Christian.

Perfect, in indeed had some file in the wrong location. I had the template file directly under my custom directory and not in the subdirectory templates. Thanks a million!

Pieter

pieter_cactus:

Perfect, in indeed had some file in the wrong location. I had the template file directly under my custom directory and not in the subdirectory templates. Thanks a million!

Cool. Glad you got it working.

Regards,
Christian.

"if the mod is installed correctly, it doesn't use tables."

Right, forgot about that! I have seen the first-row font problem before, perhaps with a different mod, or perhaps they had the files messed up as well.

Hi,

I am also having the same problem. I have a custom template which is placed in the "includes - templates - folders"

All I did was choose my custom template from within the admin section.

Is my custom template folder placed in the correct place, or should some files within the custom template folder be placed in different location (folders). The problem only happens in Firefox.

Your help is most appreciated.

These instructions seemed very easy but when I view my products page my products have dissapeared. ???

Updated code files are included - so the task is simple.

• Upload the new product_listing.php to ZEN_CART_HOME_DIR/includes/modules/YOURTEMPLATE/product_listing.php
  I uploaded this file to ZitaStore/includes/modules/classic

• Upload the new tpl_modules_product_listing.php to:
  ZEN_CART_HOME_DIR/includes/templates/YOURTEMPLATE/templates/tpl_modules_product_listing.php

I uploaded this file to ZitaStore/includes/templates/classic/templates

Do I then remove the original files that were within
ZitaStore/includes/modules
and
ZitaStore/includes/templates/template_default

I just can't seem to get any mod to work for me today. :(

You never want to touch the default/core files that came with Zen Cart. It sounds like you put the files in the right places (though you should have a custom template foldername instead of using /classic/, but that's another subject). We can't tell what's wrong without being in your server, though a corrupted file is possible. What did you use to upload the files? Have you tried re-uploading the files with fresh copies?