Column Layout Grid for Product Listing

fixed it on my own :clap:

Quote:

---

Originally Posted by 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

---

Quote:

---

Originally Posted by 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;
}

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

Quote:

---

Originally Posted by 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!