Column Layout Grid v1.3.8 Problem with first row

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

[jongaguy]

Thanks for looking into it. I did input the code in css and now I am still left with the border. See attached image

[jongaguy]

I was able to do some changes in stylesheet_tm by deleting the background images which were showing over header and now it looks way better than before. But the first row properties are still different than the others. I'll dig in more to get it fixed.