Categories Dressing

I need some initial help with where to alter the look/feel of this add on. I have it installed, but cannot figure out how to remove the "Major Heading", "Minor Heading", "Cat 3 Sample" I also want to do something with that orange border around the menu, and I don't know why it is split into "2" boxes leaving the last 2 categories in their own box. I also tried to add a horizontal line to break up the category options by messing with:

define ('CAT_BOX_HEADING_1','1|0||');//new list - no headings but it didn't work properly. Can someone help me understand where my alterations should be done, and anything else important I should know about the addon.

My website is: https://www.mercenarypb.com

Furthermore, is this add on really necessary to just add horizontal lines between categories? That is all I really want to do. Maybe in the future I will customize my menu more, but right now I don't see that happening

--

Thank you for responding. You have helped me with issues in the past and I appreciate your help. I read the readme file but it is a little confusing.

I only installed the first part of the mod (contents of the includes file) as I don't use sub categories in my menu tree. Was this right?

are you saying that I don't need the mod to place a horizontal line between category options? And since I already have the dressing mod, should I use it?

Can you explain how I would change the categories to display "block" as you mentioned, and where I can find out how to get rid of those headers that were installed from the dressing mod. I looked through many pages of the support thread, but didn't find anything specific to what I wanted to do.

--

I want to be sure I understand how this mod works. Is it correct that the stylesheet for the mod handles the styling of the category sidebox, the categories_define... Is to turn certain items on/off, and the tpl_categories I have no clue what that's for.

Thanks again!

Ok, well I was playing around with the mod and not sure if I did things right. You mentioned for me to do: Category Links Display: block; but where do I place that code? and where would I find that <br /> that you mentioned needs to be removed?

Also, I did manage to get some lines between my links but not sure if i did it correctly. I cannot remove the Major and Minor Headings unless I remove the "3" from "define ('CAT_BOX_HEADING_3','0|0|||Major Heading|1|Navigation|2');//new list - text headings - multiple levels - styles 1 & 2" in the "categories_dressing_defines.php" file.

If I do this, then the first category link doesn't format right and I am not sure why. The link is pushed to the left out of line with the rest and there is no line under it...

Also, I want to have all my categories and underlines to be the same width as my sidebox 150px but I cannot figure out how to increase the width and have everything fit inside the sidebox.

FYI, I removed the Category 3 Sample image by changing the name of the image, and removed the bullets from the left side of the category links by removing the code and changing to "none" in the stylesheet, is this correct? my site is in the above post.

Since you have gotten the settings you need for the look you want already, you can ignore the part about display: block; and <br /> - they are taken care of in the underlying code of Cat Dressing.

You only need the define ('CAT_BOX_HEADING_3' statement if you want a unique heading or other style for that category (which is category 3, the top one in your sidebox).

As you have found, making the dividers etc. stretch to the full width of the sidebox is not a matter of increasing the divider's width, but of removing margins/padding on the element and its container.

Deleting or renaming the demo images and using list-style: none; are the correct ways of eliminating those features.

gjh42:

Since you have gotten the settings you need for the look you want already, you can ignore the part about display: block; and <br /> - they are taken care of in the underlying code of Cat Dressing.

You only need the define ('CAT_BOX_HEADING_3' statement if you want a unique heading or other style for that category (which is category 3, the top one in your sidebox).

As you have found, making the dividers etc. stretch to the full width of the sidebox is not a matter of increasing the divider's width, but of removing margins/padding on the element and its container.

Deleting or renaming the demo images and using list-style: none; are the correct ways of eliminating those features.

Hi Glen,

I would like to try and use the display: Block; and remove the <br /> as I would like to see if it give my menu a more unified look. Can you tell me how to do this? Also, is there a way to have my "information" menu mimic the style of my new categories menu?

Also, can you please explain to me which files I would I would need to edit to make changes? other than CSS, Defines

Hey Glen,

How do I remove the CSS Markers from the sub-cats? List-style: none; doesn't seem to be working.
My client wants no bullets, no markers, no nothing but the product list.

By the way.........working with the ch style.

Nevermind Glen, I got it. It was the setting in Admin>Configuration>Layout Settings. I saw that in the "readme" 15 seconds after my post.

Yep, as you noticed, the standard markers are not CSS at all, but actual text output inserted into the sidebox content, and can be turned off in admin.

AirsoftOutfitter - I was away for the weekend; it appears that you have solved the information box styling question already. There is nothing you need to do with display: block; or <br /> tags, unless you want to scrap the Categories Dressing mod completely and recreate the styling yourself.

gjh42:

tcjay - Just delete the demo image catimg3.gif from /includes/templates/your_template/buttons/english/.

Gomlers - You want to use the chcategories option as described in the readme, and set the define to show top and first-level subcats, plus the active sub-subcat branches. This will be

define('CAT_BOX_ACTIVE_LEVEL', '4|0|1');

* The "active" field controls whether categories outside the current active tree will display: 0=all tops/1=full active tree only/2=active tree only (all tops when no cat selected)/3=full active tree, others limited per level controls/4=like 3, active branches only/5=like 1, no tops.
* The "highest_level" field controls whether top categories will display: 0=all levels/1=no topcats/etc.
* The "deepest_level" field controls whether subcategories will display: 1=only first subcats/2=first & second subcats/.../9=all levels down to 9.

Late answer, sorry about that - but WHeeeyy! It did work like a charm! Thanks a lot!

This is one of the greatest mod's I've ever stumbled upon when it comes to zencart-addons!

Although I can see that I should know a thing or two more about CSS than I do..

When my subcats is open to show products, I want to style the active link, so that it differs from when a top-cat is open to products.

Illustration:
1. Top cat -> active to show products
2. Top cat
3. ---Sub Cat
4. ---Sub Cat -> active to show products

Both no. 1 and no. 4 shows products when clicked on, but I want to style no. 4 different from the no. 1 above.

Is this possible?

This rule in the stylesheet can be copied and modified to cover subcats open to products:```
/change bullet when a category w/o bg image is open to products:/
#categories li a.cat-selected-text {
list-style: square inside url(../images/bullet3.gif);/change to list-style: none; to remove bullet/
}

/*change  bullet when a subcategory w/o bg image is open to products:*/
#categories li li a.cat-selected-text {
    list-style: square inside url(../images/bullet3.gif);/*change to list-style: none; to remove bullet ---- or whatever styling you want*/
    }
```

I think I actually found the answer myself!?

I made a new class in my css-file, looking like this:

#categories li li a.cat-selected-text {
background: none;
color:#0084C9;
font-weight:bold;
padding-top:2px;
}

Edit: Whoops, got there before med Glenn ;)

• Didn't see that, but there I go - I did the right change :)
  Thank you again!

Good for you, to find the answer yourself!

Hi Glenn,

I've been playing around with your mod, and I seem to have hit a stumbling block. I'm working with the css to try and make the category links as images, but I'm having problems with the images not showing up.

When I edit the #categories ul a { part of the css, the edits work and are applied, but I'm not trying to use the same image for each file. When I try to specify each category heading using the readme file text nothing happens and the links go back to plain text with no sizing. I don't have subcategories, just top level categories.

As far as I can tell, I've named all of the image files correctly and have edited the css files to tell it that each category has a different image, and I even think I've got all the files in the right place!!

I'm kind of stumped at this point. I've tried searching through this thread but can't seem to find what I'm looking for. Can you point me in the right direction?? :blink:

you can check out my test site at www frozenrosedesign com/testshop (don't want it indexed yet sorry!)

thanks in advance for any help! I'm sure it's something ridiculously simple that I'm just not seeing... :cry:

Tiffany

Hi
I just found the Categories Dressing v2.7.3 which answeared one of my previous questions if you could always show categories and products without collapsing the products under each category. I just done get what files have to be edited in the readme file, and how to do it, im worried if i upload it, it may much up my site thats taken so long for me to get to where i am.

Can anyone help

Gian - I answered in your other post with a suggestion of a mod to use for your situation. The Uncollapsed Categories Tree in Categories Dressing will not show products at all, though you will have precise control over the categories that show.

misticloudz - Are you trying to have a background image replace each category name, and change on hover? I see that your stylesheet calls for .png image files; have you changed all instances of .gif to .png in the PHP files as well? V2.8 allows the image type to be set once in the define file, but v2.7.3 requires it to be changed manually in a number of places.

Hi Glenn,

No, I didn't change anything in the PHP files. I knew there must have been something I wasn't doing.

I will go and look and see if I can figure out where it NEEDS to be changed, and let you know if it works!!

Thanks so much for your help!

Yep- that was the problem! thank you SO much for your help, I would have been at it for another 3 days trying to figure that out myself!!

Now I get to play around with it and make it look the way I want! :-D

You are a wonderful person!

Hello again -

I have another quick question - I'm trying to get rid of the sidebox bottom on the category box now, as I discovered the other sideboxes did not display properly with what I had used to get rid of the backgrounds for the category box.

I've got this for the background itself, and it works fine:

#categoriesContent.sideBoxContent{
	background: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

but when I try to disable the bottom with this:

#categoriesContent.sideBoxContentBottom{
background: none;
}

(or any other variation I've tried so far), it doesn't do a thing. I can get rid of ALL the sidebox bottoms... but I don't want to do that. I can't figure out why the first selector worked and the second didn't! and here after I was thinking I had it down... :unsure:

any suggestions?? I hate to bug you with such a simple question, but your help is very much appreciated!
:-)

With no space between the id and the classname, each of those selectors refers to one element which has the class and the id. If #categoriesContent has the class .sideBoxContent, it most likely doesn't also have the class .sideBoxContentBottom.

What you have is a div .sideBoxContentBottom inside the #categories div:```
#categories .sideBoxContentBottom {}

oh, I see... I didn't realize that it didn't have two. i'm still very new to css and coding, and pretty much only know enough to get myself in trouble...:lookaround:

I'm in the middle of trying to change the selected category image to a different one - found an explanation in the thread and I think it's going to go well! This is a great add-on, it's got a wide range of possibilities!!

thank you so much again for such a speedy reply, and such a great explanation! that will definitely help me with the rest of the work! :clap:

It's been an interesting balancing act developing this mod, adding all the features that different people/situations want while keeping it as simple as possible. It is definitely too complex for some people, but I can't separate out features into different mods except for the ch_categories. All I can do is give the clearest instructions for turning off unwanted features.