Column Grid / Single Listing Template Alternative

Thanks!! I have re-installed it SNAF, so if you can help me get it working with my template that would be awesome!.. website is stageandtheaterlighting . com . I set my "maximum products per page" to 100. That way you can see, I believe, that there is some kind of pattern happening.. if you will click on a category like "video curtains - backdrops",, or "all bulbs" , they have lots of products. Anyway, please let me know if there is anything that I can do to get this looking right, because I really love this listing tool. I will make my thumbnails smaller and limit the text on each product listing and REALLY take advantage of this feature... Thanks!!! ps.. once again, I'm using V1.5.0 with abagon red template

One more thing,, I know that it is best to post everything pubic so that the entire community can benefit, but If there is some php file, or part of my database that you need me to email to you let me know. I don't know if I can just copy and past the entire page here or not??? but anyway, please let me know if you need to see anything in my database, and if so, how to get it to you. thanks!!

Yes, padding issue on the columns :-) In your case the problem is:

.tabTable td {
	padding: 12px 8px;
/*	text-align: left;*/
}

if you set the padding to zero then the alignment should work on the page :-)

that line is in stylesheet.css

niccol:

Yes, padding issue on the columns :-) In your case the problem is:

.tabTable td {
padding: 12px 8px;
/* text-align: left;*/
}

> 
> that line is in stylesheet.css
Niccol - 
Have you had an opportunity to look at my issue with SNAF (I posted it in the SNAF support thread)

<http://www.zen-cart.com/forum/showpost.php?p=1115780&postcount=26>
<http://www.zen-cart.com/forum/showpost.php?p=1116051&postcount=27>

> **DivaVocals:**
>
> So in addition to the afore mentioned  uninstall error, I confirmed that my issue with the new products listing  may be related to SNAF. 
> 
> See this page: http://clientmybeautyaddiction(dot)overthehillweb(dot)com/index.php?main_page=products_new
> 
> This is a vanilla site with onlyt the Ashley Pink template installed..
> 
> When there are no new products to show it looks as if a language file is  missing, but I uploaded everything in the SNAF package.. 
> 
> (note: this worked before installing SNAF)
> 
> Help!!:frusty:

> **DivaVocals:**
>
> Confirmed that the seemingly missing language file might be coming from SNAF. 
> 
> When I set to **Use Product Listing Format for New Products to **"True", the language constant appears as if there is a missing language file. 
> 
> When I set **Use Product Listing Format for New Products to **"False", the text "More new products will be added soon. Please check back later." is displayed..

Heading over there now :-)

Seems like I have been in a communication black hole recently. Wierd....

niccol:

Heading over there now :-)

Seems like I have been in a communication black hole recently. Wierd....
Thanks.. I KNOW this is something minor, but not sure what.. I tried adding the constant definition to the snaf.php file in the extra_datafiles folder and no change..

First of all, THANKS!!! :clap: that fixed my problem. You are awesome!! I looked at the links you provided below my answer, and read the text about the issue with SNAF, but I don't really understand exactly what the problem is (if any, in relation to my site), and what I need to do to fix the problem (if anything)... I'm trying to learn, and I certainly am learning becuase of you and others here, but I just don't know enough yet to understand exactly what's going on in reference to the issue you are addressing in the thread.....

Don't worry about it too much. There were two conversations going on at the same time. One between you and I.

In that case the problem is that column grid makes each 'box' one third of the width of the space. Which works great until the template adds some padding to the 'box'. So then each box is one third plus a bit extra. It doesn't work so well.

The other conversation is Diva letting me know ( in a nice way ) that I had made an error when I wrote this mod. If you don't find the error then it isn't a problem :-) It only applies if you have a new products page and no new products. If you do find the problem then you need to nag me to release the next version :-)

Oh and any site that has to do with concert lighting gets special treatment from me. I spent too many years on tour buses. Or I think I did. As far as I remember. There are gaps in those memories :-) But the airmiles must have come from somewhere...

ok, if I run into that problem I will certainly bug you about it... haha... Hey, I know what you mean about the gap in memories, or whatever it's called... . I was on tour (in some vans that needed work), some school buses (that needed work), some motor homes (some new, some that needed work, haha), some tour buses (nicccceeeeeee), some flying (glad they didn't need work) - mode of travel depending on what year it was and what band I was with - for a little more than 20 years more or less..... and I still run sound for a living,,, in a full time band, but just not what I call a road band... I have dogs now, can't leave them.. haha... Thanks for the Zen Cart help!!!!

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!!!!!!!!! !!!!!!!!

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

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!!!!!!

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

admin>>configuration>>product listing

that should do it

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

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

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!!!!!!

niccol:

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.

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.

keneso:

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.

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;

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