Categories Dressing

The blue bullets you show as undesired are just the default CSS list markers (which use the color set for the list text).

thanks for the great mode which much better than the original zen cart mode without nesting ul.

i have a question: is this mode can set to displaying all subs and sub-subs under an active top cate, with all other top cates(of course collapsed)

example:

top1(active)
sub1
sub1.1
sub1.2
....
sub2
sub2.1
sub2.2
...
top2
top3

My Sidebox is starting to look good...

How can I move the text over to the left more to make it look right?

https://www.nothingbutcostumes.com
( "take10" for 10% off code )

Actually for some strange reason some of the boxes are funny...
If someone can take a look.

https://www.NothingButCostumes.com

weber - Yes, there are several variations of expanded categories available with the latest Categories Dressing, which incorporates fragfutter's Uncollapsed Categories Tree mod as an option. Full information is in the readme.

milobloom - You have two issues. First, the entire sidebox content has a 13px left padding, which you can remove in stylesheet_boxes.css```
.box .box-indent{padding:17px 2px 20px /13px/0px !important; overflow:hidden; background:url(../images/box5_bg2.gif) no-repeat right bottom;}

.catBoxHeading6 {
border-bottom: 2px solid #9966FF;
border-top: 2px solid #9966FF;
margin-left: -10px;
}

I don't see any categories boxes looking funny aside from the top heading.

Excelent! Thank you.

One small thing...

I tried adjusting each one... But the "Specials" one wont move to the left....

https://www.NothingButCostumes.com

You have the margin-left at -20px for that, instead of -10px like the rest:```
.catBoxHeading5 {
border-bottom: 2px solid #09f;
border-top: 2px solid #09f;
margin-left: -10px;
}
.catBoxHeading6 {
border-bottom: 2px solid #9966FF;
border-top: 2px solid #9966FF;
margin-left: -20px;
}

When I change it to -20
The Top Cat looks better.
But that box moves to the end.
Change it to -10 then the specials look good then
the top cat moves over a bit.

https://www.NothingButCostumes.com

You are using v2.6, which had incorrectly nested <ul> elements in some respects. It usually works fine, but here seems to be a case where the bug shows up.
You can either upgrade to v2.7.3 (keeping your existing stylesheet and defines files so you don't lose your customizations), or change the second .catBoxHeading6 to .catBoxHeading7 and style that independently.

gjh42: unfortunately the included ch_category_tree will simply expand all list... i checked. all i need is something will expand the subs and sub-subs under active top category

Categories Dressing has controls to fine-tune the expanded categories. One of the options is to expand only the active top category.

For the particular display you show, you would want option 3 for
define('CAT_BOX_ACTIVE_LEVEL', 'active|highest_level|deepest_level');

3=full active tree, others limited per level controls
and
The "highest_level" field controls whether top categories will display: 0=all levels/1=no topcats/etc.
The "deepest_level" field controls whether subcategories will display: 1=only first subcats/2=first & second subcats/.../9=all levels down to 9.

Could you expand a little on what to do here...
Even though I reply alot I am really not much of a programmer

or change the second .catBoxHeading6 to .catBoxHeading7 and style that independently.

I did not see a 2nd .catBoxHeading6 where is that?

gjh42:

For the particular display you show, you would want option 3 for
define('CAT_BOX_ACTIVE_LEVEL', 'active|highest_level|deepest_level');

3=full active tree, others limited per level controls
and
The "highest_level" field controls whether top categories will display: 0=all levels/1=no topcats/etc.
The "deepest_level" field controls whether subcategories will display: 1=only first subcats/2=first & second subcats/.../9=all levels down to 9.

i want all top cats, with all subs and sub-subs under active cat.

3,1,9 will list all subs and sub-subs, but other top cats are missing...

top1 (expanded all subs and sub-subs)
top2 (collapsed)
top3 (collapsed)

OK, we can do that too. Try '3|0|0'.

You have two categories that use .catBoxHeading6 {}. Change the second one to use .catBoxHeading7 {} so it can have separate styling - it can still have the same colors.```
define ('CAT_BOX_HEADING_3213','0|1|||TV & Movies|6')

define ('CAT_BOX_HEADING_1009','0|1|||Specialties|7')

Then add a rule to your stylesheet for
.catBoxHeading7 {}

Oh ok I ll give that a try

Hi Glen,

I was trying to figure out how I managed to make the fonts on my category tree enlarge slightly when I hover over them. Looked through your stylesheet and can't seem to find what I did to make that happen.

I'd quite like to try making the font a little heavier when it's hovered over too, but can't find the place to put it.

Any pointers?

gjh42:

OK, we can do that too. Try '3|0|0'.

Magic. Perfect

limelites - You have so many stylesheets that it is hard to find where some things are controlled, but you have some controls that affect categories in stylesheet.css. .leftBoxContainer a:hover, .rightBoxContainer a:hover { color:#000; font-size: 13px; }This makes the links bold on hover, though there is probably a better place to set this so the !important won't be needed.```
.leftBoxContainer a:hover, .rightBoxContainer a:hover {
color:#000;
font-size: 13px;
font-weight: bold !important;
}