Categories Dressing

[gjh42]

The define ('CAT_BOX_HEADING_xx... is not for styling the categories themselves, but for adding a heading above a category.

Do you want all of the top categories styled the same with a black background, or just this one?

[Berserker]

The full set of categories is only displayed on the circuitcity site when you go deeper than the first subcategories you get from the dropdown menu.

If you don't want other than top categories displaying in the sidebox outside of the active tree, you don't need chcategories. On the other hand, using chcategories can get you two sideboxes, one for top cats and one for the current tree. CSS can hide the unwanted levels in each sidebox, or you can code a special "case" for the active/level control function as I have shown here several times for different situations.

Thanks for the reply.
Got it the way we want now :)

Question regarding the subtext, is it possible to have a hardcoded link below it? We need to have links to several faqs regarding the products in the selected category and I think this is the only way to do it. Tried several setting combinations but cant get it to work.

[viper75]

The define ('CAT_BOX_HEADING_xx... is not for styling the categories themselves, but for adding a heading above a category.

Do you want all of the top categories styled the same with a black background, or just this one?

exact!

[gjh42]

The "subtext" can include one or more hardcoded links. Pretty much anything you can put in HTML in the define can be displayed there. You can even use PHP in the define if you know what you are doing with it.

[Berserker]

The "subtext" can include one or more hardcoded links. Pretty much anything you can put in HTML in the define can be displayed there. You can even use PHP in the define if you know what you are doing with it.

How? Could you please tell me what to put in to have at least 2 hardcoded links.
I tried the same setup we have for adding hardcoded links in the heading but it doesnt work for the subtext. It sorts of breaks it or only shows 1 link.

[Berserker]

Got several links now on the subtext but im unable to style them individually. When I add |1 or |1| at the end of each link, it breaks it.

[gjh42]

The built-in styling system will only handle the subtext for one category as a single group; however, there is nothing stopping you from including spans or divs with ids in the subtext HTML, and styling those ids. Alternatively, you could give ids directly to the <a> tags, avoiding the necessity for more HTML markup.

[gjh42]

Just for information, I have considered the possibility of using Categories Dressing as a flyout menu, and it will work (with the chcategories option installed) just by adding the lines in red to stylesheet_chcategories_dressing.css:

#chcategories ul ul a {/*subcategories*/
    display: list-item;
    list-style: circle inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: #ffddbb;
    border: none;
    margin: 0;
    padding: 0;
    }

#chcategories ul ul {display: none;}

#chcategories li:hover {position: relative;}

#chcategories li:hover>ul {display: block; position: absolute; left: 130px; top: 0; z-index: 100; width: 140px;}

Adjust the values to fit your conditions.

[joyjoy]

Hello I have a quck question.

I am using your mod with the simple text headings. Is there a way that I can create one of these headings a different color for specials?

I know I use the css file to change the details but I don't know how I would make it work for a specified category. Does that make sense?

[gjh42]

More information: I have finally found a workaround for the IE7 list-style bug. It required changing the entire organization of stylesheet category rules and making them a bit more complicated, but it now works.

I still need to test a refinement of ul/li nesting function for an obscure set of possible situations; when I am satisfied that that works correctly, I will finally be able to release v2.8.