custom css for individual subcategories

[charlesk]

Hi,

is it possible to create custom css for individual subcategories?
What I mean is that when looking through the main category view the user will be able to differentiate products from one subcategory from the products from the second subcategory.

Kind regards
Charles

[Eric]

Hi

Yes, this is possible.

For starters, you need to add the category ID to the <div> which contains the "bdr" class.

Here's what the original Product list module looked like on the CATEGORY PAGE:



But I added this: id="id<?php echo $product->cat_id; ?>" so it looks like this:



Now you need to get those category IDs. Read about that here: http://www.datafeedr.com/forums/showthread.php?t=4656

Then add corresponding CSS to your Custom CSS area: The Factory > Your Store > Store menu > Custom CSS. My category IDs were 592507 and 592508 so I added this CSS:

#id592507 {background: blue; color: white}
#id592508 {background: pink; color: black}

Here is the result:



That's it!

Eric