Datafeedr Support Forums

Datafeedr Support Forums (
-   Questions (
-   -   custom css for individual subcategories (

charlesk June 16th, 2011 09:01 AM

custom css for individual subcategories

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

Eric June 16th, 2011 10:24 AM


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:

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!


All times are GMT -5. The time now is 01:39 AM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.