Categories Dressing

Boggled - Since each subcat group belonging to a particular top cat will have its own group id, you can address that specifically to not fly out on hover. Seeing it live would let me tell you exactly what rule to use.

Quote:

---

Originally Posted by gjh42

Boggled - Since each subcat group belonging to a particular top cat will have its own group id, you can address that specifically to not fly out on hover. Seeing it live would let me tell you exactly what rule to use.

---

Thanks for helping Glenn!

Here is the site: http://abikergear.com

Right now, both the header I set up (unlinked) and the actual category are both showing. (Motorcycle Helmets)

Edited to add...

I want to do the same thing with the other 'headers' too, but they don't have a category set up yet - Motorcycle Apparel, Motorcycle Accessories, Shop by Brand (that one is set up).

Add to the bottom of your stylesheet_chcategories_dressing.css

#chcategories #catGroup1_72 {display: none;}


Also, you should not have stylesheet_categories_dressing.css in your folder when you are using chcategories; some of the rules might conflict, and it is not needed in any case.

Quote:

---

Originally Posted by gjh42

Add to the bottom of your stylesheet_chcategories_dressing.css

#chcategories #catGroup1_72 {display: none;}


Also, you should not have stylesheet_categories_dressing.css in your folder when you are using chcategories; some of the rules might conflict, and it is not needed in any case.

---

Thank you!
I'm going to try it out right now. :)

Thanks for the heads up on the other stylesheet too. I didn't know if I needed it or not.

Hello,

Installed ch_categories and it is exactly what we need. Only problem is that we need the main categories to display on the main page and only show the sub sub categories for when a main category is clicked. Any help on how to set that up?

Also, are there other files from Categories Dressing that is not required when using CH Categories apart from stylesheet_categories_dressing.css?

Thanks

One other quick question...

Is there a way to style the flyout so that it will be fluid and auto adjust the width to match the subcat name?

I don't like the way it looks when a name wraps around to a second line, but don't want to make them all super wide.

These rules will give auto subcat width with no line wrapping:

Code:

---

#chcategories ul ul {display: none;}

#chcategories li:hover {position: relative;}

#chcategories li:hover>ul {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 100;
    width: auto;
    white-space: nowrap;
    }

---

Again, thank you so much for all your help, Glenn!

Everything is working perfect now. :smile:

Berserker - The stylesheet is the only file that is duplicated. Ch_categories itself only adds two new files, a class and a module file, and uses the stock tpl_categories.php (or whatever is there in place of it).

To understand your requirements, you want top cats only on the home page? Or top and first level subcats? And all sub-subs also when a top cat is active? How about on pages not Home and not category/product (like ez-pages)?

Hello,

We only need the top cats on the homepage and pages that are not category/product.
We have quite a lot of subs and sub-subs so having ch_categories to show on the main page makes the page a bit too long.
I tried to play around with it yesterday by having the original "categories" sidebox to show the top cats on homepage and then the "ch_categories" sidebox when a category is selected but couldnt get them to work separately.

I'll send you the link to the site to check.

Thanks