Column Grid / Single Listing Template Alternative

[Johnnycopilot]

Actually, since I get special treatment, I do have one (or 2) more things I wonder if you can help me with in reference to my new SNAF column listing...
I changed my "add to cart" button to "multiple products qty box", because my add to cart button was big and red (125 pixels wide) - (the add to cart button still shows up and looks great on the showbook page). I am trying to get a clean, multiple products per page, look. I am going to have too many products for someone to keep scrolling through page after page of products that are in rows. The multiple products qty box looks better, but it is too FAR below my products description. There is a huge gap of white space between the product description and the box,,,, as a matter of fact, the box looks like it goes with the product below it instead of above it (I noticed that the "button location" setting doesn't work in the column mode, but I don't care because I want it below the product anyway)..
...AND is there any way for me to limit the width of the description text.. it's prob around 175 pixels wide and I would like to see what it looks like maybe 140-150 or so ?? maybe.. ?now for my questions..
Can you do one of your code tricks to help me fix either one of these issues?? Back in the day, I guess, everything would be in a cell, and I could control it... I think. .haha Thanks!!!!!!!!! !!!!!!!!

[gjh42]

Add to your stylesheet

.listingDescription+br, .listingDescription+br+br, .listingDescription+br+br+br {display: none;}

If you don't want the add box so close to the description, eliminate the last , .listingDescription+br+br+br

[Johnnycopilot]

Hey, you're the same person that helped me with when I wanted to move all of the text on my showbook page up.. you gave me this bit of info,,

- - but the right cell with price and description has no style rule, so inherits the default table alignment of vertically centered.
Add this rule to your stylesheet:

.right-side-info {
vertical-align: top;
}

and once again, you hit the nail on the head.. Thanks!! the code you just gave me moved that little box right up there where I want it... I really appreciate your time and help... and code.

now..... any idea how to adjust the maximum width of my description when in column view? OR>>> How about little "BOXES" around each entire product and description .. That would "even" everything out.. like cells or something??? all of the same size.. maybe 120 pixels wide X 200 pixels tall, or close to that?? WITHOUT it being too deeply involved... if it requires more than one or two steps, I would rather leave it alone, I don't want to get to the point that I mess my whole website up trying to fix one thing.. Thanks, and as always, any help would be very much appreciated!!!!!!

[keneso]

Hi,

will you please tell me how to move the display order of the "product box" (<th>) in the column:
default install has it like this (well you know that):

product image (.listingProductImage)
product name (h3 .itemTitle)
product description (.listingDescription)
product price
quantity box

Thank you

[niccol]

admin>>configuration>>product listing

that should do it

Hi,

will you please tell me how to move the display order of the "product box" (<th>) in the column:
default install has it like this (well you know that):

product image (.listingProductImage)
product name (h3 .itemTitle)
product description (.listingDescription)
product price
quantity box

Thank you

[niccol]

Johnny
Seem to have missed this one. If yu still want advice just post again. Put the URl of the site in there for me...

Hey, you're the same person that helped me with when I wanted to move all of the text on my showbook page up.. you gave me this bit of info,,

- - but the right cell with price and description has no style rule, so inherits the default table alignment of vertically centered.
Add this rule to your stylesheet:

.right-side-info {
vertical-align: top;
}

and once again, you hit the nail on the head.. Thanks!! the code you just gave me moved that little box right up there where I want it... I really appreciate your time and help... and code.

now..... any idea how to adjust the maximum width of my description when in column view? OR>>> How about little "BOXES" around each entire product and description .. That would "even" everything out.. like cells or something??? all of the same size.. maybe 120 pixels wide X 200 pixels tall, or close to that?? WITHOUT it being too deeply involved... if it requires more than one or two steps, I would rather leave it alone, I don't want to get to the point that I mess my whole website up trying to fix one thing.. Thanks, and as always, any help would be very much appreciated!!!!!!

[keneso]

admin>>configuration>>product listing

that should do it

Thank you.
But that moves the product description as well, anyway to have

name
image
description
price
quantity

Probably again something obvious I am missing, thanks for the patience.

[niccol]

No, you are not missing anything. THe Zen Cart way of doing things in the code is to have name and description as a block. To change that you are going to have to do some edits to product_listing.php.

This bit of code

        case 'PRODUCT_LIST_NAME':
        $lc_align = '';
        if (isset($_GET['manufacturers_id'])) {
          $lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ?  zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? zen_get_generated_category_path_rev($_GET['cPath']) : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>' ;
        } else {
          $lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ?  zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? zen_get_generated_category_path_rev($_GET['cPath']) : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>';
        }
        break;

Adds the description into the product name. You could try cutting and pasting:

<div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>'

In above the price for example.

The way to do that is do the cut first and check that the description stops appearing. You'll need to get the ' correct. Basically, replace that code with a '.

Then your going to want to work out about line 164 how to add that back in above the price.

Thank you.
But that moves the product description as well, anyway to have

name
image
description
price
quantity

Probably again something obvious I am missing, thanks for the patience.

[keneso]

Thank you very much.
I got it, after few trials to place it the correct way, for future reference, if someone faces the same, here is how I did:

Followed the instruction, of cutting, and testing, then added the cut part like this:

case 'PRODUCT_LIST_PRICE':
        $lc_price = zen_get_products_display_price($listing->fields['products_id']) . '<br />';
        $lc_align = 'right';
        $lc_text = '<div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>' . $lc_price;

[mlapage]

I am trying to load the Col. Layout mod. the installation indicates to copy 'product_listing.php' to my zencart dir. by way of 'includes/modules/YOURTEMPLATE' folder. When I go to 'zencart/includes/modules/' the only folders are 'page' and 'sideboxes' with two files 'meta_tags.php' and 'product_listing.php'. There is no folder for 'YOURTEMPLATE'. I do have a 'templates' folder with two folders 'classic' and 'template_default', but not in 'modules'.
Can anyone help me get through this maze?
Thanks