Categories Dressing

[customk1]

ok, so i found where that file is referenced several times... however they are all regarding php if/else statements...
so the issue is in the code or the css somewhere that is telling it to use that image... dont want to change the code to not call it, need to fix the actual problem with the "harnesses" category... and why it feels the need to use the "else" instead of the "if"...

?? any thoughts?

[gjh42]

The pixel_trans.gif is to give the <a> something to contain - IE doesn't like an empty <a> element and won't give it a size.
I see the space in Firefox, but don't have time at the moment to investigate further. Will check in later.

[timnguyen2009]

Dear all,
I would like to ask for your advice(s) on Categories Dressing, but I posted to wrong forum, please have a look:

http://www.zen-cart.com/forum/showth...177#post720177

Thank you in advance.

Tim

[gjh42]

Before trying to debug the particular code you posted, I have a question.
Do you want all top categories styled in the way you describe, and all subcategories in another way? If so, you don't need to modify any PHP files, just use the stylesheet.

It is possible to style top categories and subcats differently in stock Zen Cart without installing any mods, though Categories Dressing will also allow more extensive changes. Your stylesheet rule seems to show that you want the block display furnished by Cat Dressing, so you should probably continue with it.

Before I go on, please post a link to see your site, and let me know about the styling question.

[timnguyen2009]

Thank you, Glenn, for your reply.

Here is the link of my store: http://www.pacificphm.com/store

I want to have all categories names in a large font-size and specific background, subcategories in smaller fonts.

More, I want to have all subcategories (of all categories) displayed in left column (even if visitors don't click on category name).

I prefer to use Categories Dressing what you provided, but surprised why my mod doesn't work. If I get it worked, I think I can modify the site by my way, I am ok with CSS.

Thank you again, Glenn.

Tim

[gjh42]

To have all subcategories showing all the time, you need an expanded categories mod. The newest version of Categories Dressing includes an optional expanded categories mod (Uncollapsed Categories Tree). It is not available in Free Addons yet, but I posted it in post 729 above. I have made a few changes from it in my development set, but what is there will work for what you want.

It will be easier for you to use the stylesheet to style
#chcategories ul a {}
for top categories and
#chcategories ul ul a {}
for subcategories than to try to style each top cat individually as you started to do.

Note - your site is password-protected and I can't see it.

[timnguyen2009]

oh sorry, I just took password away.

[gjh42]

Here is a set of Categories Dressing v2.7.2, with <ul> validation improved and a few other minor tweaks. Thanks to Website Rob for advice. Unless someone finds an error in this, I will submit it to Free Addons in a day or so.

The zip in post #729 has been deleted.

[customk1]

glenn, did you get a chance to look into that weird space i have in FF, and the consistent space i have in IE?

[gjh42]

#categories li a.catBg4 {
background: url(../buttons/english/catbg4.gif) 0 0 no-repeat;
height: 27px;
}
#categories li a.catBg4:hover {
background-position: -167px 0;
}

#categories li a.catBg5 {
background: url(../buttons/english/catbg5.gif) 0 0 no-repeat;
height: 28px;
}
#categories li a.catBg5:hover {
background-position: -167px 0;
}

#categories li a.catBg6 {
background: url(../buttons/english/catbg6.gif) 0 0 no-repeat;
height: 27px;
}
#categories li a.catBg6:hover {
background-position: -167px 0;
}

#categories li a.catBg7 {
background: url(../buttons/english/catbg7.gif) 0 0 no-repeat;
height: 27px;
}

Harnesses is category 5... do you see a pattern? :)