Categories Dressing

I'm not sure why the code was not working for me.... You'd mentioned that I need to set CAT_BOX_ACTIVE_LEVEL' define's first field to 3.... but I wasn't too sure exactly how to do that :-)

Did you mean to edit the categories_dressing_defines.php file?

That's right. To use the last option I posted, you would set that to 4.
The readme has more detailed instructions.

It appears that you guys have it all worked out between you two :)

I haven't seen anymore satisfied customers though.

I installed both Dressing and UCT, and as soon as I change all instances of #categories to #chcategories, all my pretty default images for bullets get swapped for the regular o's and it's still not uncollapsed.

See images (I uncollapsed the first cat manually in those examples to show the change in bullets.) in this thread: http://www.zen-cart.com/forum/showpost.php?p=697527&postcount=24

Did you enable the chcategories sidebox in admin? If not, using #chcategories selectors in your stylesheet would cause the behavior you describe.

Hi! I have the mod installed and it's working exactly the way I want it to, except for the bullets. I can't get rid of them! I've checked and re-checked x50 through my css to make sure that every instance of "list-style" is set to none and that all the "displays" are NOT set to list-item, but no matter what I do, I can't get the bullets to go away!!
I don't want bullets. Please let me know what I'm doing wrong.
My website is here: peepboutique.peepaccessories.com

Thanks in advance!

Have you checked your CSS files for "list-style:" entires? These usually cause such bullet points.

Are you also using CH Catergories Mod?

All of the places in my css that say "list-style" say "list-style: none". I also tried deleting all of the "list-style" entries, but that didn't work either. I don't think I know what the CH categories mod is.

After pouring through my css file for about two hours and just adding "line-style: none" and then reloading, somehow what worked was adding "line-style: none" to the following section:

#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage

No idea why, but the bullets are gone! Yay! Thanks anyway!

Should have worked by just adding list-style: none; to #categoriesContent and/or #sideBoxContent and/or #leftboxcontent and/or #categories-content.

Glad you got rid of the bullets though, it does look better without them.

I did notice that there still seems to be an alignment issue.

After 'bracelets', everything from 'scarves' to 'press' seems to be aligned further left than the other categories?

I'm viewing in Firefox 5 and also in IE7. You might need to add a float: left; to one or all of the above #'s

There is still a tiny misalignment, which is caused by the "space" character at the front of all your category names except "scarves":```html
.../peepboutique/index.php?main_page=index&cPath=24"> bracelets</a></li>

Thanks for pointing that out, guys, but it's actually just leftover from how the site used to look. They're all top categories (subs just don't work for how I want the site to look) and I wanted some of them to be indented. I was just tackling one issue at a time. :)

Hey hey,

So I'm using the ccs fly-out menu for my categories. But I'd like to put a non-linked Heading into my categories list to create a separate section. This Categories Dressing seems to be a way to do that. Is there a way to cut and paste some code from the "Dressing" into the "fly-out ccs" so that I can have the best of both worlds?

Thanks for any help!

MEPeet

https://www.maestrosteachingsupplies.net

P.S. yes, I know I've got two category lists at the moment. :smile:

It probably is either pastable or adaptable, but I would have to study the CSS flyout code to say exactly how to do it.

I apologize in advance for asking, because I'm sure it's been answered and I've just missed it. I also know this is probably one of those simple fixes, but I just cannot for the life of me wrap my brain around it. I think I've looked at it too long! :blush:

This is the site I'm working on: https://www.mybikergear.com

I need to add a 'partial' divider (not all the way across) between some of my top categories like this:

MOTORCYCLE HELMETS

Modular / Full Face Helmet
Half Helmet
3/4 Open Face Helmet

--------------------------------

HAWK Helmets
BELL Helmets
ICON Helmets
OUTLAW Helmets

Right now I have it set as a category named ---------------, so I could show an example of what I'm trying to accomplish.

I really appreciate your help!!!

Two possibilities:
Use the divider in Cat Dressing and style it with margin-right: 5.0em;

Make a heading image with transparent background and a partial line in the position you want, and apply that to the desired categories.

Thank you so much Glenn!
Worked perfect. I had tried the cat divider, but it was all the way across and the margin fix was apparently too simple for me to think of. I figured I was over thinking the whole thing! :laugh:

Hi Glen, I wonder if you could help me again?

Getting back to where we were almost... I'm trying to make Jewellery and Lingerie categories behave in the same way as all other sub categories in my menu.

When I click on all the others, it indents them slightly, makes them bold and places bullet3.gif next to them....

However, because Lingerie and Jewellery categories have hidden subcategories, these behave differently and jump across the the left...

Don't suppose you'd know how to make these two behave as though they had no subcategories do you?

Hi
Ive downloaded the category dressing add on and have been working with it since yesterday testing and trying out new things. The problem that i am having is that i would like to use my own image as the link. Similar to what I have tried to do on my website however i will be placing a image for each category link and the image will be labeled with the appropriate text for the category which will be designed through coral draw. So i need to remove the standard category text that comes up as the link. Hope this makes sense.

I also don't like the line which gives the category links box its border. it makes my page look as if its got too many straight lines. I would also like to change the box headings with individual images-the ones that appear in green- so the category-specials and information boxes, currencies and best seller boxes.

I will be using bullet shaped images for the links and this is why my page needs to get rid of a few straight lines which are showing. Any help would be great.
many thanks

A link to your site will help in giving detailed advice, but in general, you can eliminate "border" properties on containers and other elements, either sitewide by styling
.leftBoxContainer, .rightBoxContainer {}
or individually by styling
#categories {}
and other ids.

One of the core Categories Dressing functions is to replace the text of a category link with an image. Name and save your images according to the instructions in the readme, and they will automatically work.

The sidebox headings can be replaced with images by using the Image Titles mod. It likewise works automatically when you name and save the images correctly.

Limelites -

Your subcats with subcats are getting the .cat-parent-text tag when active, so they follow the same rule as the top categories. You can eliminate this by adding the specific situation to the subcat rule, and specifying that it applies to subcat parents only:```

/change bullet when a category w/o bg image is open to products:/
#chcategories li a.cat-selected-text, #chcategories ul ul li a.cat-parent-text {
list-style: disc inside url(../images/bullet3.gif);/change to list-style: none; to remove bullet/
font-weight:bold;
position: static;
}

Depending on exactly how you want these to behave, you might need a separate rule for them.


Also, your Womenswear category still has the "bolder" tag which you set up in your first modification attempts. This may be hindering uniform treatment of top categories, or making it more complex than necessary.