Categories Dressing

[gjh42]

Categories Dressing is intended only for the sidebox - it does not affect the categories-tabs menu in the header. The code could be transplanted from tpl_categories.php to the cat-tabs file (/includes/modules/your_template/categories_tabs.php), with some reconfiguration. Of course, not all of the features are applicable since the cat-tabs only deal with the top categories.

[brf123]

Hey Glenn-
First, thanks for the teriffic mods and all of your support. You have made a couple of projects very easy for me! A quick question about categories dressing / image titles. I need to have the main category in my sidebar as an image at the top of the sidebox as a link. If my main categories are:
Computers
Phones
Stereos
TVs

when I am in phones (cPath=2) the image at the top of the list would be for phones and would link back to the cat main page if I went to a sub cat within phones. Can this be accomplished with either mod? I don't want the cat names to be images within the nav list when I am in any other category.
Thanks again.

[gjh42]

That's a tricky one. Neither of those mods will do what you want without additional coding. Smart Backgrounds can make a per-category background image in any element you desire, but it can't do anything about links.

Where exactly do you want the image to show? Replacing the box heading? Or below the heading at the top of the box contents? And do you still want all the regular top & subcat names to show?

[brf123]

I was hoping for the image to show above the categories (I don't have the title for the sidebox showing). I guess I will look at the smart backgrounds mod which I use for another site (Thanks!) for the headers. If I can't link them I won't sweat it - the main cat links will still be active.

[gjh42]

If you add padding-top and the background-image to #categoriesContent in your stylesheet, you should get the per-category image at the top of the box area with the categories below it.

[brf123]

I also tried to use smart backgrounds to change the .leftBoxHeading by adding:

.smartBG_1 .leftBoxHeading {background-image: url(../images/smartbg_1.gif);}
.smartBG_2 .leftBoxHeading {background-image: url(../images/smartbg_2.gif);}

to your stylesheet while taking out the background image from the main stylesheet. That didn't work. Should it? Thanks.

[gjh42]

It should work in the absense of any higher-priority declaration overriding it. I would have to see your stylesheet on your site to diagnose it.

[brf123]

Please have a look - your advice is very helpful:

http://209.85.34.212/index.php?main_page=index&cPath=2

http://209.85.34.212/index.php?main_page=index&cPath=1

Thanks!

[gjh42]

I have to say I can't see any reason why it wouldn't work.
The image is in the right place with the right name to trigger the .smartBG_2 class tag, but it isn't doing it. The code is there, because you have a .smartBG tag. Can you post the relevant section of tpl_main_page.php? I have to leave now, but will check back when I get a chance.

[brf123]

Your last post helped me figure it out. I recreated the tpl_main_page.php and removed (not commented) the original code and it works now! Thanks for looking at this and pointing me in the right direction.