'Highlighting' certain items

[Dionysian]

Trying to find out if I can "highlight" a product in some way - different color background, bigger text, anything - in the product listings.

The store has several small products that can be purchased separately, but we also sell the entire set. We want the "Entire Set" product to be more prominent in product listings.

Any ideas? Thanks!

[gjh42]

A link to your site would let us give specific suggestions...

[gjh42]

If the entire set will always be the top item in the product listing, you can give it a different background with CSS.

.productListing-rowheading+.productListing-odd {background-color: #ddeedd;}

This will work in modern browsers like Firefox and IE7, but it will be ignored by IE6.

If there are categories that will not have a set you want to highlight, you can specify the above to not apply to a single category, or specify each category where you do want it, whichever is easier. You would do this by adding the appropriate id, like #cat1_5Table for the Embroidery > Retro listing:

#cat1_5Table .productListing-rowheading+.productListing-odd {background-color: #ddeedd;}

To function for IE6 users, you will need to add a class tag in product_listing.php.

[Dionysian]

Great...thanks!


So this would go anywhere in the generic stylesheet of the template?

[Dionysian]

Another question, how can I flip this so that instead of the first, the last item is the one highlighted?

[gjh42]

It could probably go most anywhere. I would put it either with similar declarations, or at the end of the file, to make it easier to find.

Moving the highlight to the end of the list will be trickier, and may require adding a class in product_listing.php.

[Dionysian]

Moving the highlight to the end of the list will be trickier, and may require adding a class in product_listing.php

OK. Can you give an example of this?