Why does this only work in the product listing - CSS puzzle

[budfox]

Hi again.

Sorry for posting something that someone else might have asked, but it's so hard getting the right question.

Anyway, I want 'While Stocks Last!!!!!!!' in bold red.

I've done it by applying an inline style to my listing:

<p style="color: red; font-weight: bold">
WHILE STOCKS LAST!!!!!
</p>

That works fine

but........why doesn't the style work in the category listing?

Here's where it works:

http://www.wheredidyougetit.co.uk/sh...&products_id=9

Here's where it doesn't:

http://www.wheredidyougetit.co.uk/sh...=index&cPath=3

As a side issue, I don't really want to type that inline style, but I don't know how
to write the code and modify the stylesheet to achieve this. Ideally I just want to type something along the lines of <p style=boldred > and define 'boldred' in my css.

Cheers everyone, a little donation once my eBay auction finishes tonight :-)

[JamesM]

I'm pretty sure the product listing page doesn't read the html/css from product descriptions, so you wont be able to bold just part of the description.

[clydejones]

To answer your question about styling the paragraph so it shows as red without using an inline style;

Use this instead:
<p class="alert">WHILE STOCKS LAST!!!!!</p>

[gjh42]

You can make HTML display in the product listing description.

In /includes/modules/your_template/product_listing.php around line 95, find this section:

      case 'PRODUCT_LIST_NAME':
        $lc_align = '';
        if (isset($_GET['manufacturers_id'])) {
          $lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>' ;
        } else {
          $lc_text = '<h3 class="itemTitle"><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']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(/*zen_clean_html gjh42 4/29/06*/(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>';
        }
        break; 

and comment out the zen_clean_html like this /*zen_clean_html*/ to get this:

      case 'PRODUCT_LIST_NAME':
        $lc_align = '';
        if (isset($_GET['manufacturers_id'])) {
          $lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(/*zen_clean_html*/ (stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>' ;
        } else {
          $lc_text = '<h3 class="itemTitle"><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']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(/*zen_clean_html gjh42 4/29/06*/(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>';
        }
        break; 

A caution: if you have extensive html in your description and a limited description length, some code may be truncated giving errors.

[budfox]

Perfect, thanks.