Categories Dressing

Glenn, that looks SO MUCH BETTER! I don't know how you did it, but thank you so much. What a relief that it got fixed. :clap:

Is there a quick and easy way to get the arrows to line up under the first letter of the main category? That means the arrows and the sub cat titles would move to the left about 15 pix?

-KismetDesign

#categories ul ul a {/*subcategories*/
    display: block;
    background: transparent url(../images/bullet1.gif) no-repeat scroll 0 1.3em;
    border: none;
    margin: 0 0 0 15px;
    padding: 10px 0 0 12px;
    }
```There's your 15 pixels...

Perfect, fixed it. I think it's almost done!

I think this is the very last thing... If I click on a main category, and wait until the screen changes to show the front page of that category, the cat menu item doesn't appear to be formatted at all. I'll send you a page to see if you can see what I'm talking about.

Any chance you can help me with this last thing? I'm so glad to have this almost done!

KismetDesign

http://tinyurl.com/qn55fp

The best way for you to get the results you want is to drastically simplify your stylesheet_categories_dressing. You want all subcats in all cases to look the same as top cats except indented 13px. Get rid of (delete or comment out) the styling rules for particular cases, like
#categories li a.cat-parent-text {
and
#categories li a.cat-selected-text {
and even
#categories ul ul a {

The remaining rules

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

#categories ul a {/*top categories*/
    display: block;
    background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;
    border: none;
    margin: 0 0 0 15px;
    padding: 0 0 9px 13px;

    }

will take the entire cat styling load, and #categories ul ul { will be shortened to just```
#categories ul ul {/subcategory lists/
margin: 0 0 0 13px;
}

You can even simplify further and use this```
#categories ul {/top category lists/
list-style: none;
background: none;
margin: 0 0 0 13px;
padding: 0;
}

#categories ul a {/top categories/
display: block;
background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;
border: none;
margin: 0 0 0 0px;
padding: 0 0 9px 13px;
}

#categoriesContent {padding: 0 0 0 2px;}

if the initial 15px is important to you.

Tested on your site and works.

When you say you tested on my site... are you using Firebug to do this? Just curious... since I spend most of my time with one screen open in Dreamweaver, and another one open to a browser. Whatever you're doing might save me a whole lot of time...

Thank you, it looks great now. Very good. :yes:

Yes, I used Firebug. If background images are not involved, I often use Web Developer's Edit CSS, which I find a bit more convenient, but both work fine with different strong points.
One thing with either of those is that there will be a good chunk of the window taken up with the edit screen, so there is not a full view of the page being worked on. That would sometimes be an advantage of an external program, being able to see the whole page at once.

I installed categories dressing, but just removed sideboxes/tpl_categories.php from my template folder because I didn't think it could do what I am looking for, so what I have is a question right now, not a problem ------- The site is http://peterfasano.com/zen/ and I happen to be using another one of Glenn's Add-Ons - Additional Image Titles, it is great. What I've done as far as categories go in the side box here is I've added .category-top {display:none;} to the stylesheet because I didn't want all the top category names appearing, only the sub categories for whatever category you are in.... Now, I think it may be too ambiguous as to what category you are in, so my questions are ----
Can Categories Dressing just display a heading or the name of the current top category only? Along with that I would change the subcategory names to include the top category, but then use images in place of the names for the sub categories, is that possible? Specifically, I want it to be clear that you are in either the Fabrics or the Wallcoverings category, but I don't want the other top categories to show up.

Thanks, Helen

I've answered my own question... and Glenn I apologize, I had already asked a similar question a couple of months ago, this site has been evolving.... I am able to do what I want to do by using Categories Dressing.... however I want to be selective, only two of the three categories I have set up should show the top level category, on this site As Seen In shouldn't I don't know what to do about that for now.... Helen

hey glenn, long time no talk to!! hope you are well.

i am trying to set up categories dressing for a friend of mine who is also on zencart. we created a backup zencart in a new folder called catalog1 so that we could test changes without affecting the 'real' site.

main site is https://www.mojoleather.com
test site is https://www.mojoleather.com/catalog1

you will note when you bring up /catalog1 that the page is not loading entirely. this only happens when i use the categories dressing file tpl_categories.php. i can upload all the categories dressing files and change the tpl_categories.php file back to the main zencart template file and the page will load normally... however when the modified tpl_categories.php file is in place, the page stops loading after the header.

any suggestions on what might be the conflict? i also have loaded the tpl_categories.php file from MY site (https://www.customk9design.com) which KNOW is working... in case there was an update that had messed it up... however it still doesnt work.

i look forward to your input. thanks!

-ginny

It's me again.... LOL! :D

I noticed a few days after we made the last round of changes, that on my left side column, the arrows don't line up under the bullet point like they do on the right side.

Is there any way I can get those arrows to move over so everything is lines up in both the right and left side?

Still really loving this menu, thank you so much. :clap:

KismetDesign

I had my client email me today and ask if the menu drop down feature is only available for on-click, or if it was availabe on mouse-over. I have no idea...

Is that a possibility with this menu? :smile:

Categories Dressing does not do any dropdown effect. If you want that you will have to use one of the CSS or javascript menu mods, and start from scratch with the styling. The "onclick" subcat display is just the normal categories sidebox function.

HelenSama -
You will need to give the "As Seen In" category a special classname as described in the tpl_categories.php comments, and give that class a display: none; in the stylesheet.

Kismet -
I thought you wanted the left margin, since you had it before we started the latest round of tweaks. To remove it, just change the 15px to 0:```
#categories ul a {/top categories/
display: block;
background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;
border: none;
margin: 0 0 0 0;
padding: 0 0 9px 13px;
}

margin: 0;

I don't know why I said 'drop down' feature. That's not what I meant. I mean, you have to currently click on the main category to display the subcategories.

My client was wondering if you could change the on-click to mouse-over, that is all. I wouldn't want the on-mouseout effect, just the over part. Is that possible?

And, I thought we wanted the margin too, until it was pointed out to me that we had a change of plans.

Thanks for your patience and help. The margins look great now. :smile:

KD

Your client is talking about adding a totally new javascript functionality to the menu; the "on-click" is the basic HTML page link selection.

Well, I think we'll probably just leave it as is... especially if it's not as easy as when I build a site in Dreamweaver and then just simply change the javascript from on-click to on-mouseover. ;-)

posting again, unfortunately, had to change test site back to 'normal' to proceed with work... but hopefully you may be aware of an issue as is?

hey glenn, long time no talk to!! hope you are well.

i am trying to set up categories dressing for a friend of mine who is also on zencart. we created a backup zencart in a new folder called catalog1 so that we could test changes without affecting the 'real' site.

main site is https://www.mojoleather.com
test site is https://www.mojoleather.com/catalog1

when you bring up /catalog1 the page is not loading entirely. it stops right below the header, and just above where the categories would load. this only happens when i use the categories dressing file tpl_categories.php. i can upload all the categories dressing files and change the tpl_categories.php file back to the main zencart template file and the page will load normally... however when the modified tpl_categories.php file is in place, the page stops loading after the header.

any suggestions on what might be the conflict? i also have loaded the tpl_categories.php file from MY site (https://www.customk9design.com) which KNOW is working... in case there was an update that had messed it up... however it still doesnt work.

i look forward to your input. thanks!

-ginny

It wasn't misbehaving when I looked before, shortly after you posted the first time, but I don't think you had the Cat Dressing file in place then either.

I do notice that you have a weird Login link in the header:```html

    <li><a href="http://mojoleather.com/">Home</a></li>
            <li><a href="https://ssl.enameservers.net/~tinmann8//index.php?main_page=login&zenid=######">Log In</a></li>
                  </ul>
</div>

//index.php...">
I don't see how that could possibly affect the categories sidebox, but it is not good in any case. You probably have an extra trailing slash in your /includes/configure.php in the SSL path define. I don't know what else to say... maybe we can agree on a time to test the file again.

You might try installing the debug utility - see the tutorials. If you do that, you should get an error message in the log file when the tpl_categories file stops loading.

Hey Glenn,

Awesome mod!

I searched through this thread but I either missed what I am looking for or it's not there... I installed the Categories Dressing mod, but I seem to be running into a snag.

What I would like to do is fairly simple. I have an existing template I put together with existing categories. I wanted to replace my categories with button images I created and make those images links to my categories. I uploaded my images as stated in the guide and I believe I did the correct thing by specifying the image file in (i.e.):

define ('CAT_BOX_HEADING_6'

But all it did was add the image above the link as a header instead of making it my category link. Obviously I goofed. :frusty:

Could you help point me in the right direction? I'm not a coder but I am usually good at figuring things out..but I keep missing what is obviously the obvious :unsure:

Thanks and I love the mod!!