FeaturedProducts/productListing customizations...

So I got the productListing to look pretty close to how I want

EXAMPLE

I thought I had the featuredProducts right, until I looked in IE and the background color is only behind 1 row of images and the FEATURES PRODUCTS text and bg image is not showing up...

EXAMPLE

The CSS validates, although the HTML does not (and I don't know how to fix it)

Anyone have ANY clue what is going on here? :shocking:

Thanks in advance! You guys usually help me fix all my ridiculous problems...

Line 964 of stylesheet.css, you have #produtListing, #featuredProducts.

Add

height:1%;

to this definition.

It's becasue the box with the background colour contains floating elements, and is not expanding to cotain these.

Absolute

Thanks! I never would have figured that out...works perfect!

Something odd:

I made all my product images in the product listing results have a 8px border...
All of a sudden today they do not have a border

it was in the stylesheet as ".listingProductImage" and that worked to make product images have a border, and NOT the sold out button if one shows.

Now I can use "#productListing img" but it gives the sold out buttons a border as well.

I guess I'm just weirded out that this all of a sudden stopped working, and now what should I be doing to get the border to show?

See if
#productListing .listingProductImage {}

works.
Definitely weird that the simple version would stop working. Have you made any stylesheet changes around the time this happened?

Yes, but it was to the EZPagesNextPrev buttons and the buttons on the product info pages, I think that's all I really added, everything else was just slight changes to what was already there.

Validated the CSS to check I didn't miss something, and it's all fine.

P.S. Thing is...when I use FF Dev Tools on the images on the Product listing, I don't even see the .listingProductImage class...

For whatever reason, the .listingProductImage class is no longer being applied in the code.

Can you post the
case 'PRODUCT_LIST_IMAGE': ... break;
section of your /includes/modules/your_template/product_listing.php? (The second one, in the product area, not the one in the heading area.)

I hope this is what you needed....

case 'PRODUCT_LIST_IMAGE':
$lc_align = 'center';
if ($listing->fields['products_image'] == '' and PRODUCTS_IMAGE_NO_IMAGE_STATUS == 0) {
$lc_text = '';
} else {
if (isset($_GET['manufacturers_id'])) {
$lc_text = '<a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'products_id=' . $listing->fields['products_id']) . '">' . zen_image(DIR_WS_IMAGES . $listing->fields['products_image'], $listing->fields['products_name'], IMAGE_PRODUCT_LISTING_WIDTH, IMAGE_PRODUCT_LISTING_HEIGHT, 'class="listingProductImage"') . '</a>';
} else {
$lc_text = '<a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), ($_GET['cPath'] > 0 ? 'cPath=' . $_GET['cPath'] . '&' : '') . 'products_id=' . $listing->fields['products_id']) . '">' . zen_image(DIR_WS_IMAGES . $listing->fields['products_image'], $listing->fields['products_name'], IMAGE_PRODUCT_LISTING_WIDTH, IMAGE_PRODUCT_LISTING_HEIGHT, 'class="listingProductImage"') . '</a>';
}
}
break;

OK, the
'class="listingProductImage"'
is there... which must mean that the zen_image () function is not processing the parameter. Hard to imagine any way you could have affected that.

That leaves the idea that maybe the PHP processing has changed. Has your host made any changes to the server?

They must be doing something over there, because every day this week it's been something going wrong. :censored: First an error saying it can write to the configure files, then IM2 saying it can't open any images for writing....

I wish I'd KNOW when they're doing something.... So, what do I need to do from here?

ok so they told me they just updated to PHP 5.2.5 and I should just get the newest version of Zencart....I'm using 1.3.8a though...

OK so after spending the last 3 hours on my test site, starting over with no mods installed, and then reinstalling them one by one... I found that Image Handler is causing the problem. Not sure which file, but the minute I uploaded the IM2 files, the borders on my product listing images disappeared. :censored:

If I delete the functions_bmz_image_handler file, borders come back, upload it, borders disappear......?

Could one of those functions have hard-coded in it an <img> or <a> tag with borders set to none? That would override stylesheet settings.

If this is the case, adding !important to the border property in your stylesheet will reassert control. If that doesn't work, the problem is something else.

I don't see anything hard coded with borders, and the files have never been modified... adding !important does not work either...

I meant hardcoded with NO borders.:smile:

Update: I tested this on a fresh install on the default template with nothing installed except colum grid layout and image handler and couldn't get borders to show at all....

Finally got borders to show on product listing images (and not Sold Out buttons) by using this:

.centerBoxContentsProducts a img {
border: 8px solid #000000;
}

Still no idea why .listingProductImage stopped working