Product Listing Layout trouble

[gjh42]

The standard mod has a version of tpl_modules_product_listing.php that (in columns mode) calls tpl_columnar_display.php, which uses divs. In rows mode, it calls tpl_tabular_display.php, which uses a table.

[mcarbone]

I've officially entered the twilight zone.

My IE dev. toolbar says that this table with <TD>s and <TR>s has the id=contentMainWrapper. I thought this might have had something to do with tpl_main_page and then I saw that I had this file in My_template/templates folder instead of common folder so I moved it.

The standard Zen files come with this table (that I think we speak of) inside tpl_main_page. Is this what is weird?

There's nothing in the grid mod that tells me to change the tpl_columnar_display and/or tpl_tabular_display.

[mcarbone]

Furthermore, I think this may have something to do with the element's height inheritance from the parent element, please tell me if I'm wrong. When I outline the element itemTitle in FF, then the height is big for some reason. If I highlight the element in I.E., it is the size of the font + margin + any padding. See picture.


Dazed and confused!

MC

[gjh42]

#contentMainWrapper is the one layout table in Zen Cart, kept because it is the most robust way of ensuring three full-height columns in the overall layout. Div-based methods can be broken by minor incorrect changes, and Zen Cart has to be able to survive uneducated meddling as much as possible.

tpl_modules_product_listing.php is in /includes/templates/your_template/templates/, while tpl_columnar_display.php and tpl_tabular_display.php are in /includes/templates/your_template/common/.

[gjh42]

The height of the title in FF is due to the floated image; the non-floated next element (the title) starts at the top of the container and wraps around the floated element, but there is not enough width to let any visible part of it sit beside the floated element.

[mcarbone]

I'm going to tinker with the width (which I thought I had enough room for).

Everywhere I look, I.E. toolbar, Firebug ...my nightmares, this <br/> is there. Do you know where I can remove it?

Thanks so much for your time!

MC

[mcarbone]

The class="centerBoxContentsProducts" has a width of 32.5%. and I believe the code that defines this is in modules/My_template/product_listing.php and located here:

$list_box_contents[$rows][$column] = array('params' => 'class="centerBoxContentsProducts centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
                                                 'text'  => $lc_text);

and here:

$col_width = floor(100/$num_products_count) - 0.5;
    } else {
      $col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
    }

What is the correct way to put px instead of %? I tried px in %s place and it mashed everything together.

MC

[gjh42]

The percent is not what is causing your problems. I wouldn't bother trying to change that.

In post 14 I mentioned which folders certain files should be in. Are they there?

[mcarbone]

That saves time!

Which <br/> should I remove? I think I've tried all in combination and I'm just lost at this point. I've also got a logo/css/ i.e./FF issue too that I'm posting. Did I just do everything wrong with this CSS and template or what? I feel like starting over.

[gjh42]

What were the file locations? The table listing is what you would get if the mod's tpl_modules_product_listing.php was missing.