I made the following change to the product_listing.php MODULE FILE
includes/modules/YOUR_TEMPLATE/product_listing.php
ORIGINAL CODE:
PHP Code:
// Used for Column Layout (Grid Layout) add on module
$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) - 0.5;
} else {
$col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
}
MY CHANGES
PHP Code:
// Used for Column Layout (Grid Layout) add on module
$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;
} else {
$col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 1;
}
See how I changed it to SUBTRACT a whole number ( 1 full percent) rather than a fraction (0.5) which is a "half a percent".
And as niccol says... don't add margins AND borders AND padding.
You can gently "tweak" the CSS to nudge the display a bit, but by changing the FRACTION (0.5) to a WHOLE NUMBER (1) it works for me.
(You might be able to make that integer GREATER if you want extra space for padding and borders. Try "2" or "3" as well...)
Bookmarks