Categories Dressing

[gjh42]

Before looking at your site... You commented out the stylesheet declaration that calls for the sample background image? I bet the image files are still in /your_template/images/.

The code checks for the existence of files named according to the formula, and if it finds them, it disables the text for that category so the background swap can operate. You need to delete, move or rename the image files; then there will be no problem.

[birdoasis]

yea yea, you just don't want a new roommate. haha

Now here's a silly question. Why do you have the code checking for an image instead of letting the css file handle it? Or am I more confused that before?

Renaming image files now.

Oh yea, I'm getting rave reviews on the new look thanks to Categories dressing.

[gjh42]

There are different CSS calls based on what is wanted to happen - foreground image, background image with hover swap, etc... The categories need different class tags to use each variant, so it has to check which variant to use, and all is controlled in one place (by loading the proper files).
Also, this avoids the situation of specifying that some text should be replaced by an image and if the image is missing there is nothing displayed. Cat Dressing, no image, and the standard text is displayed.

I have been learning about some even neater text replacement methods, and one day I may play with them and see if I can get the function even more streamlined.

[davale]

I'm having trouble with the bullets on the subcategories. I've added the code

a.category-subs-text, a.category-products-text {
display: list-item;
list-style: circle inside url(../images/bullet3.gif);
}

to the CSS but the bullets are not displaying in FF (mac). FireBug is installed and the 'display: list-item;' shows up as strike-through.

What am I missing?

[gjh42]

That declaration needs to be

#categories a.category-subs-text, #categories a.category-products-text {

so that something else doesn't override it.

The earliest version of Cat Dressing had the #categories for all declarations, but I later found it wasn't needed... at least in most places. Apparently it was still needed here.

[davale]

Thanks, that made the difference. Is it possible to have the subcategories act the same way as the topcategories (down-arrow) when selected using a seperate 'category-subs-parent' class?

[gjh42]

Any (sub)category situation that is distinguished by a different class name can be addressed in the stylesheet with its own marker, background, hover, etc.

If it doesn't have a distinguishing class, it should be possible to customize the code somewhere in tpl_categories.php to make a class. The specifics would depend on exactly what was wanted.

[mthem2003]

Hello,

This MOD is excellent, but all i want is to add an image of a line between each item listed in the category menu.

i am not sure what should i remove or add in the dressing files to achieve this?

any thoughts?

[gjh42]

As described in the readme, find this section in tpl_categories.php

      // categories dressing - add divider above specified cats
      if(in_array($current_path, explode(",",'3,22,21_56'))) { //replace numbers with your cat ids separated by commas
        $content .= '<hr class="catBoxDivider" />' . "\n";
      } 

and put the ids of all of your top categories in the list.