Column Layout Grid for Product Listing

You can use borders, or another add-on, column divider pro.

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=945

Not sure where to post this, since I have CLG and Single Listing Template installed, but I have been unable to add additional rows to the 3 columns I have.
I can't find a setting anywhere.

Thank you,
Stephen

Hi there,
I recently upgraded from 1.3.9d to 1.3.9h and added Column Layout Grid for Product Listing. It worked great (3 columns) but I am having trouble with below...

1. My product description text (between Title and Price) shows like below:

Item Title
(Whole sentence
is showing in this section.
long, long description
that is pushing Price
waaay down and making
this horrible)
Price

...more info

Can anybody tell me how I could delete (or shorten) the display of this Description part so when customer clicks the item, they could read whole sentence in the product page?

2)As above shows, "...more info" is too far from the Price. I've seen two <br /> after Price and before "...more info" in view source page. Could someone tell me which file (& which part) to delete one of the <br /> so that it is right below the Price? (if that is the solution for this)

Any help will be appreciated. :smile:
Thanks!

I found it! Go to... Product Listing --> Display Product Description and set the number to "10" (or any other length...) and now it shows "This product..." at Product Listing :smile:

If I only could find the solution for moving up the "...more info" close to the price... Anybody?

Thanks in advance.

Shinmai:

I found it! Go to... Product Listing --> Display Product Description and set the number to "10" (or any other length...) and now it shows "This product..." at Product Listing :smile:

If I only could find the solution for moving up the "...more info" close to the price... Anybody?

Thanks in advance.

Hi what file did you edit to remove the spaces on the column layout grid?

Many thanks in advance for your help

Hi all I have read though all 15 pages and not come across my problem
I have installed it on my test site and all was OK
I then tried on my actual site and it doesn't install properly
uploaded picture as My site is working .but that is how it looks
pic included

then when I go to config/product listing/layout style all I get is this
pic included

thanks for any help

kobra:

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

bromleysid:

Hi what file did you edit to remove the spaces on the column layout grid?

Many thanks in advance for your help

Hi there,
My problem was that whole length of my product description was showing between Item Title and Price at 3 colums/3 rows of my Product Listing page. I thought it was because of the mod but it was simply I didn't set number correctly at the Admin Console :P

I went to Configuration -->Product Listing --> choose "Display Product Description" and changed length of characters to "10" (or any length) instead of "150" so the short sentence will be shown at the Product Listing.

Shinmai:

Hi there,
My problem was that whole length of my product description was showing between Item Title and Price at 3 colums/3 rows of my Product Listing page. I thought it was because of the mod but it was simply I didn't set number correctly at the Admin Console :P

I went to Configuration -->Product Listing --> choose "Display Product Description" and changed length of characters to "10" (or any length) instead of "150" so the short sentence will be shown at the Product Listing.

Hi Thank you.

Im trying to figure out how to remove the spaces between the price and title lookign for the <br>s, which file is it in?

/includes/modules/your_template/product_listing.php.

The breaks are scattered through a very complex bit of code with various options for price element display depending on the existence of sales, specials, etc., and add to cart options. They ought to have been coded so that the break would only display if its element is present, but it is what it is now.

fixed it on my own :clap:

ATSWorld:

Hi all I have read though all 15 pages and not come across my problem
I have installed it on my test site and all was OK
I then tried on my actual site and it doesn't install properly
uploaded picture as My site is working .but that is how it looks
pic included

then when I go to config/product listing/layout style all I get is this
pic included

thanks for any help

bromleysid:

Hi Thank you.

Im trying to figure out how to remove the spaces between the price and title lookign for the <br>s, which file is it in?

I used

.listingDescription {
padding-left: 10px;
padding-right: 10px;
}

posted by seethrou in other thread to fix my space problem (I increased px for mine) but hope this works for you.

I also tried below code as he posted (to reduce the space between the title and "...more info") but it didn't work for me...

.centerBoxContentsProducts .itemTitle {
margin-bottom: -1em;
}

I am not 100% sure but I am looking for <br /> location to reduce the space between the price and "...more info". I see 2 <br /> from the source view... (or there maybe other way to reduce this space).

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

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. :frusty:

hawks67:

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

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 :smile:

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:-)

I just searched and found that this error is because I already ran such script before...Another uestion I would like to ask is:

I was just customising the look of my product listing page and in Admin I have selectedroduct Listing-Layout Style (its value was rows) and I just wanted to see what happens if I try to change it... I clicked on "update" and then "edit" and it changed itself to blank...THere was nothing available to edit it but somehow it has change itself and now my product listing is empty. it looks like this:

Any ideas why it went that way?Please help to change it back:-)

TIA

the look is in this jpg file...

these are my admin view: when I go to layout style i see
10.jpg and then after i choose update, i get 9.jpg and that is it...there is no choice of options. how can I change it back to rows or make the columlar grid work for me?...any help or advice will be greatly appreciated.

Hi again,

I had a closer look on my problem and discovered that if I upload the new product_listing.php to ZEN_CART_HOME_DIR/includes/modules/YOURTEMPLATE/product_listing.php then I have this problem that my listing is empty. If I delete this file but still upload the new tpl_modules_product_listing.php to:
ZEN_CART_HOME_DIR/includes/templates/YOURTEMPLATE/templates/tpl_modules_product_listing.php then everything works but shows as before in rows. I assume that something is wrong with the file product_listing.php in my case. If I upload both files I get blank listing. Maybe anybody may have any idea what could be wrong here?..

Thanks in advance

this is EXACTLY what I'm going through. thanks for that picture ms_x, that is EXACTLY what I see, there are no radio buttons to choose between rows or columns and i see that <br/> instead of the going to the next line. i am using 1.3.9g.

any ideas please? :) thanks in advance!