Categories Dressing

[Pookiehair]

I took out the code below.
.noLi {
display:none;
}

#catGroup45 {
left: -21px;
position: relative;
top: 8px;
}

.catLinks {
left: -21px;
position: relative;
}

Then I tried adding // in front of the defines as suggested one at a time to see the difference but none of them made much difference. I couldnt get rid of the pink Sales banner or the black print 'Buy It Now'
I couldnt left align all the categories so in the end I gave up and went back to using the code above. Not sure what I was doing wrong!
Also my webpage in Firefox wont stop loading now
Ive been trying my hardest all day to sort this and got nowhere

I also have a huge problem with Ultimate Fade in Slideshow not working in some versions of IE dont suppose anyone in here can help with that can they? I have asked on the Ultimate Fade in Slideshow forum but not had anyone answer. Its here http://www.zen-cart.com/forum/showthread.php?p=1074842

Id be so grateful for any help

http://www.towerhousedolls.co.uk/demo/

[gjh42]

If you actually commented out the defines and correctly uploaded the file to your server, those headings would all go away, since that is the only place they come from. Obviously you made some error in the process, but I can't tell what it was from here.

[gjh42]

You still have this demo rule in your stylesheet_categories_dressing.css:

/*example for custom category group styling*/
ul#catGroup48 {
    border: none;
    background: none; 
    position: relative;
    left: -1.3em;
    width: 200px;
    top: 0.2em;
    }

Delete it, and if you want the categories to start farther to the left than other sidebox links, add a rule like

#categoriesContent {margin-left: -21px; width: 200px;}

Also delete these rules:

#catGroup45 {
left: -21px;
position: relative;
top: 8px;
}

.catLinks {
left: -21px;
position: relative;
}


The 0.4em bottom margin in this rule is what gives the space below Deluxe Toy Dolls; change it to 0 to eliminate the extra space.

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0;
    }

[fullcontactdesigns]

is the Categories dressing mod allow the use of specific categories on pages.

better put...
I have top categories hidden (guys & girls) for an apparel website. But on the check out page (and other pages) it doesnt show any categories because the top levels are hidden and all menus are collapsed.

Has anyone achieved this?

[gjh42]

So you want to show only the guys subcategories or the girls subcategories in the sidebox, depending on which top cat is selected? Categories Dressing can do that. It can also show some categories (top and/or subs) on non-product pages where there is no category active. It all depends on your settings.

[fullcontactdesigns]

YES!! the second statement for sure. I have the the site displaying only subs now but on non product page I want it to display top and subs I think.

I'm going to re-read the docs and try to figure it out. I'll repost my progress.

[fullcontactdesigns]

Looks like I got it to work mostly... Thanks re-reading the documentation.

One thing I wanted to do... like for the non product pages be full unlimited display. Any way to do that?

[Pookiehair]

Thank you very much for the detailed information Black Belt. I have followed your instructions to the letter and it is now looking great.

Just have to sort my Ultimate Fade In Slide show problem in IE now or take it out completely and try something else. Can you recommend a simple to use slide show please? Or maybe do you know a fix to get it aligned in the center in some versions of IE. Im using IE9 and it certainly doesnt work in that.

You still have this demo rule in your stylesheet_categories_dressing.css:

/*example for custom category group styling*/
ul#catGroup48 {
    border: none;
    background: none; 
    position: relative;
    left: -1.3em;
    width: 200px;
    top: 0.2em;
    }

Delete it, and if you want the categories to start farther to the left than other sidebox links, add a rule like

#categoriesContent {margin-left: -21px; width: 200px;}

Also delete these rules:

#catGroup45 {
left: -21px;
position: relative;
top: 8px;
}

.catLinks {
left: -21px;
position: relative;
}


The 0.4em bottom margin in this rule is what gives the space below Deluxe Toy Dolls; change it to 0 to eliminate the extra space.

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0;
    }

[gjh42]

One thing I wanted to do... like for the non product pages be full unlimited display. Any way to do that?

There is not a prearranged setting for that situation; you would need to add a new case in the functions file to give that behavior. It would not be complicated, and I can look at it when I get some time next week.
You would need to have the chcategories option installed to show all top and subcats at once.

[fullcontactdesigns]

There is not a prearranged setting for that situation; you would need to add a new case in the functions file to give that behavior. It would not be complicated, and I can look at it when I get some time next week.
You would need to have the chcategories option installed to show all top and subcats at once.

Okay, i'll give it a shot!