Column Layout Grid for Product Listing

[fashion2]

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

[fashion2]

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!

[kobra]

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;
        }

[fashion2]

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

[stevewag]

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?ma...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.

[kobra]

(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/i...hp?article=346
https://www.zen-cart.com/tutorials/i...hp?article=232
https://www.zen-cart.com/tutorials/i...hp?article=142

[hawks67]

Add this entry to your stylesheet.css file and adjust as desired

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

Could I be Le Dunce du Jour and ask what side of a grid box each of those four settings addresses? I did some Googling and found this:

'margin-top', 'margin-right', 'margin-bottom', and 'margin-left'

but (since what I wanted was to increase vertical spacing between the rows of my grid), when I modified my stylesheet.css file with this line,

margin: 2em 0em 10em 0em;

there was no difference whatsoever. Am I correct to assume the third value is the bottom value? I actually fiddled with all four values, coming up with several different combinations, and they never produced any kind of spacing or padding.

Clearly I'm lacking a basic understanding of something here...

Thanks in advance for any suggestions!
Gary

[hawks67]

I'm quite sorry to bug everyone again, but I've gone up and down through every pertinent post here, investigated in all the suggested files, experimented with modifications and basically tried everything I could think of, but still can't get this done. I was optimistic when I saw posts 6 & 7 of this thread suggest this addition to the stylesheet.css file:

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

but that modification produced no difference whatsoever, no matter what values I put in there.

Can someone please suggest a method by which I can increase the vertical spacing between rows of a grid? I have ZC 1.3.9, if that helps.

Could I be Le Dunce du Jour and ask what side of a grid box each of those four settings addresses? I did some Googling and found this:

'margin-top', 'margin-right', 'margin-bottom', and 'margin-left'

but (since what I wanted was to increase vertical spacing between the rows of my grid), when I modified my stylesheet.css file with this line,

margin: 2em 0em 10em 0em;

there was no difference whatsoever. Am I correct to assume the third value is the bottom value? I actually fiddled with all four values, coming up with several different combinations, and they never produced any kind of spacing or padding.

Clearly I'm lacking a basic understanding of something here...

Thanks in advance for any suggestions!
Gary

[Shinmai]

Hi there,
I just fixed my space problem.
I added following to my override stylesheet file:

.listingDescription {
padding-left: 25 px;
padding-right: 25 px;
}
.itemTitle {
padding-left: 25 px;
padding-right: 25px;
}
#productListing br {
line-height: 0;
}
.listingProductImage {
margine: 2em 0em 0em 0em;
}

It might be different px for some people but above worked for me. I added these because all the great people in this forum posted each one in separate threads related to space issue (so I added each one to my css). Great forum

[Ms_X]

I have just downloaded and tried to install this addon :
http://www.zen-cart.com/index.php?ma...products_id=77

I have 1.3.9.g version of zen cart.

and when i run sql script through my admin:
INSERT INTO configuration (configuration_title, configuration_key, configuration_value,
configuration_description, configuration_group_id, sort_order,
last_modified, date_added, use_function, set_function)
VALUES ('Product Listing - Layout Style', 'PRODUCT_LISTING_LAYOUT_STYLE', 'rows',
'Select the layout style:<br />Each product can be listed in its own row (rows option)
or products can be listed in multiple columns per row (columns option)', '8', '40', NULL,
now(), NULL, 'zen_cfg_select_option(array("rows", "columns"),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value,
configuration_description, configuration_group_id, sort_order,
last_modified, date_added, use_function, set_function)
VALUES ('Product Listing - Columns Per Row', 'PRODUCT_LISTING_COLUMNS_PER_ROW', '3',
'Select the number of columns of products to show in each row in the product listing.
The default setting is 3.', '8', '41', NULL, now(), NULL, NULL);

and I get this error:

1062 Duplicate entry 'PRODUCT_LISTING_LAYOUT_STYLE' for key 2
in:
[INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES ('Product Listing - Layout Style', 'PRODUCT_LISTING_LAYOUT_STYLE', 'rows', 'Select the layout style:<br />Each product can be listed in its own row (rows option) or products can be listed in multiple columns per row (columns option)', '8', '40', NULL, now(), NULL, 'zen_cfg_select_option(array("rows", "columns"),');]
If you were entering information, press the BACK button in your browser and re-check the information you had entered to be sure you left no blank fields.

what is it about and how can I change it?anyone installed this addon before?

thanks:-)