Column Layout Grid for Product Listing

How do I add the product listing in columns to my configuration/product listing? I've downloaded the "column layout grid for Product Listing" (I believe that would be the needed additional add-on) but now I'm stuck. I'd like to list my products so they are displayed as 3-4 images next to each other with the title in small font below.

I'm using zen cart 1.3.8a, the zen template "lavender". My URL is http://fashionfoot.net

Thanks for any help you can give me
FashionFoot

If you've installed the module correctly, you should have an option under Admin > Product Listing titled Product Listing - Layout Style, which can be set to either columns or rows, and another setting titled Product Listing - Columns Per Row

Hmm, I must have done something wrong but can't figure out what it is. Looking through admin/product listing, neither of the above mentioned are an option to adjust the columns. Below is a description of what I've done.
I've started from scratch, deleted my current copy completely and re-installed zencart 1.3.8a. Within that version under /includes/modules I've uploaded and replaced the "product_listing" as well as /includes/template_default/templates/ uploaded and replaced "tpl_modules_product_listing"

Can you enlighten me what I still need to change? Txs for all the support

Never mind --- I've finally figured out. My mistake. Txs anyway!!!!

Hello again, I'm happy with the columns but now can't figure out where to go to increase the space between the rows. right now the images of the products almost touch each other. I assume it has something to do with "cellpadding". I have tinkered with the various files, but none of the cellpaddings that I have changed had an effect (i've changed it back to the original when it didn't work). Do you know which file I need to adjust? If it's not cell-padding, can you tell me how to do it? TXS!

but now can't figure out where to go to increase the space between the rows.
Add this entry to your stylesheet.css file and adjust as desired

.listingProductImage {
        margin: 2em 0em 0em 0em;
        }

Awesome, this is it; I would have never thought of that. You've made my day. Thanks a ton :clap:

I read this post and would like to use "Column Layout Grid for Product Listing" on my zencart (for those reading this as well in the future, here is the link http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=77)

But, I am having problems installing it. Actually, i have not even attempted it because the instructions don;t correspond with my settings. I have ZC 1.3.8a and the read me file instructions say "(1) Copy the product_listing.php module file into the includes/modules/YOURTEMPLATE folder in your shop;"

No such folder exists for me. I am starting at the root directory of my server and going to "public_html/store/includes/modules/" but no folder for MYTEMPLATE exists in this arrea. I see "classic" "debug_blocks" "order_total" "payments" "shipping" but nothing which refers to my template folder.

My template folder is in /includes/templates/mytemplate

So, can someone please tell me what i am missing or what directions should I follow?

Thank you.

(for those reading this as well in the future, here is the link
Always provide link if seeing your site will assist in an answer
No One will look back through posts to find your site
No such folder exists for me. I am starting at the root directory of my server and going to "public_html/store/includes/modules/" but no folder for MYTEMPLATE exists in this arrea.
"YOURTEMPLATE" references what ever your your template name is and if you have not created one - Now is a good time to do so - even if you just copy the "classic" template files and edit the template_info.php with a unique name - there are many reasons to do this:

https://www.zen-cart.com/tutorials/index.php?article=346
https://www.zen-cart.com/tutorials/index.php?article=232
https://www.zen-cart.com/tutorials/index.php?article=142

ZC 1.3.8a

Website: https://www.hugocruzgallery.com/shop

I installed Column layout Grid and followed the directions (changing Admin settings to coulmnar and 3 per row). However, for some reason, my product listings are still showing one per row. I searched the threads but could not find an answer.

Also, will this mod also add a columnar display for "ALL Products", "New Products" and all othe product listings? If so, then how do i configure the settings to do it to all pages? if not, then i will greatly appreciate any references and/or links to mods that will do columnar display on these other pages.

Can someone please help?

Thank you.

hugozc,

Switch to the classic template and see if you still have the issue
Will have to load the 2 files to the respective classic folders also

Also, will this mod also add a columnar display for "ALL Products", "New Products" and all othe product listings? If so, then how do i configure the settings to do it to all pages? if not, then i will greatly appreciate any references and/or links to mods that will do columnar display on these other pages.
No it is not designed to do this as it is only for the product listing display.

By default, ZenCart has 4 different displays
There is a long thread that outlines what to alter to have one listing display type

http://www.zen-cart.com/forum/showthread.php?t=84174&highlight=single+display

[QUOTE=kobra;719967]hugozc,
Switch to the classic template and see if you still have the issue
Will have to load the 2 files to the respective classic folders also
QUOTE]

OK, I switched to the Classic template and the Mod IS working ... So, this doesn't bode well for me, I guess. Can you please help me in identifying what went wrong and what I have to change in order to resolve this issue with my template?

Thank you.

My site again is https://www.hugocruzgallery.com/shop

Well it will be an overridden file in one of the /Wide-Template-2 folders that is breaking this function
My guess is that there is something amis in your /Wide-Template-2/css/stylesheet.css file but this is a guess

I am using the 1.3.8a (newest version) Zen.
I used the classic design and modified it to my custom design and named it classic2.
I installed the column grid and it is OK for the product display list, but I wanted it to show in columns for ALL PRODUCTS and NEW PRODUCTS as well.
I changed the picture size smaller in New Products thinking that was causing it, but that did not work. I turned off the descriptions in case that was overridding it... that did not work...
Now I see in this thread that it is not included in that module???? How Can I change it? Is it possible? Is there another module for it?
I have a huge inventory to list and one product per row at a time is not going to work.

Also, in product listings, (3 across in columns) when the description is under the picture, it is too close to the listing next to it, and when you try to read the words it sort of runs together across with the next listing... makes it hard to read. ...needs space between the columns. I thought this would be in the stye sheet- margin, padding... but I can't find the right one.

You can see what I mean....Here are the links.
ALL PRODUCTS
http://artsales.net/gallery/index.php?main_page=products_all

NEW PRODUCTS:
http://artsales.net/gallery/index.php?main_page=products_new

PRODUCT LISTINGS
http://artsales.net/gallery/index.php?main_page=index&cPath=8
Look at the first row descriptions.... "Acrey Art Specialty Note Cards with"
and it touches the next listing words .."Acrey Art Specialty Note Cards with" .... making it look like all one line.

april_may
artsales.net

Ok- here is an add on to my last message. I guess I am just too new to Zen... just 3 weeks into it...
I need to learn the Zen terminology. I see they use the "All Products" as an INDEX to the products....not the "main listing" for a product like what is under each category. (actually, after studying it more carefully, I do like this structure) Therefore, I have made the images smaller on the "All Products" section and moved the title, model# etc. to the right side of the image, thus making the rows shorter.
I will do the same for the New Products. Right now New Products seems to be a repeat of the index (ALL Products). Is there a way to limit the number of new products showing? OR are they all showing right now since I am just now doing an initial upload of all the products? After the site has been up for a while will it only show the new products for a given period of time after it is first listed?
Is all this covered in the tutorial book? looks like I should get it and read it before ask a question here.

??????*
I still need to know where to correct the spacing/padding/margins between the column listings product descriptions so they don't appear to be one line that runs together across all three columns. I gather it is in the stylesheet. I have tried adjusting several settings, but have not found the correct one. Is this a style I need to ADD?

any help would be appreciated. Thanks... april_may

Here's a link for adding columns to the "all product" list:
http://www.my-whiteboard.com/ecommerce/zen-cart-how-to-add-new-columns-to-all-product-list.html

Most of it makes sense to me except "3, Find out what configuration_group is PRODUCT_ALL_LIST:"

Anybody understand #3 and has anyone tried out this approach with success?

andrew55:

Here's a link for adding columns to the "all product" list:
http://www.my-whiteboard.com/ecommerce/zen-cart-how-to-add-new-columns-to-all-product-list.html

Most of it makes sense to me except "3, Find out what configuration_group is PRODUCT_ALL_LIST:"

Anybody understand #3 and has anyone tried out this approach with success?

I've had a go at this and I've no idea what's supposed to happen.

I'm trying to understand what #3 means too.

Did you work this out at all?

Hi everyone,

I am running ZC 1.3.7.1 (yes I know, I should upgrade, but it is so much work...) and the column griw for product listing.

Because not all my images have the same height/width ratio, they have different heights in the grid, the name of the product is right below it, so not all my names are on the same height: example:

 
xxxx-------xxxx------xxxx
xxxx-------xxxx------xxxx
NAME-------xxxx------xxxx
-----------xxxx------NAME
-----------NAME----------
 
 

With the X's being the image (sorry about the ASCII-art)

Is there any way to fix this? (apart from having to change all my images?

Thanks in advance,
Best
Dimar

dimar:

Is there any way to fix this? (apart from having to change all my images?
Not that I am aware of
Matting your images to a common sized "matte" is something that can be scripted in photoshop & others making this an easy fix

Thanks for the quick response. Too bad it isn't possible. For me it wouldn't be a problem to resize everything in PS, but the person using the website is not that savvy; oh well, I'll do it once a month :D

Thanks again!
Best,
DMR