Column Layout Grid v1.3.8 Problem with first row

[AvaAdorn]

I worked on the stylesheet some more and was able to fix the problem. Thank you for your suggestions.

[schoolboy]

Your page: http://www.avaadorn.com/dresses-c-3.html is still showing the grid jumping to the next line. I am seeing TWO in a row, then ONE, the TWO in a row, then ONE MORE...

the problem is the TABLE STRUCTURE forced into the TM template - a structure that DOES NOT EXIST in standard zencart.

[AvaAdorn]

Thanks for pointing that out. I was only testing in Chrome and Safari, and it shows up perfectly in those browsers. In Firefox and IE, the grid jumps to the next line.

[AvaAdorn]

I fixed it using your initial solution, but instead of changing to 1, I changed to 1.5. Thanks for all of your help!

$column = 0;
if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {
if ($num_products_count < PRODUCT_LISTING_COLUMNS_PER_ROW || PRODUCT_LISTING_COLUMNS_PER_ROW == 0 ) {
$col_width = floor(100/$num_products_count) - 1.5;
} else {
$col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 1.5;
}

[jongaguy]

Hi Ava,

I am having the same issue. Could you please advice what changes did you make to fix it?

[gjh42]

The previous post shows exactly what the change was: 0.5 changed to 1.5 in two places in
includes/modules/YOUR-TEMPLATE/product_listing.php, similar to schoolboy's advice in post #4. Unless you have the same template, your solution might be slightly different. We need to see your site live to advise correctly.

[gjh42]

The problem is that the first row of products takes on the properties of what used to be the header row when my products were listed in rows instead of columns. If I remove the header row, it removes the first row of products in my case. How can I change the properties of the header row to match the other rows?

The styling can be overridden in your stylesheet so that <th> elements are treated the same as <td> for this particular display. Again, we need to see it live to know exactly what will work for you.

[jongaguy]

By changing the value from .5 to 1.5 did fix the issue of first row items to show in a single row instead of 2 rows, which worked flawless. The issues I'm having as per my assumption is that the first row is acting as a header.

Please see attached 2 attachments. The first one is the column layout with 1st row acting as a header and the rows below are normal. The 2nd image the row layout. You can view my store at www.partybonanza.ca. I'll leave it in the column layout for you to have a look at it.

Thank you in advance.

[jongaguy]

I'm using Zen Cart v1.5.0 as of now.

[gjh42]

Add to your stylesheet

/*test*/.tabTable  .centerBoxContentsProducts {
    background: none;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    line-height: normal;
    padding-bottom: 4px;
    padding-top: 3px;
}
.tabTable  .centerBoxContentsProducts .listingDescription {
    font-size: 14px;
    font-weight: normal;
}
.tabTable  .centerBoxContentsProducts h3 a {
    color: #000000;
    text-decoration: underline;
}/*test*/

This is a start - adjust as desired. You may need to add more specialized rules to restore everything to match other rows.