Categories Dressing

Another note - If you want correct <ul> lists for subcategories, you will need to do a lot more than you show above. That would only make one <ul>, with all top and subcats as equal <li> elements. At least one of the mods in Free Addons does this, making an incorrect list if there are any subcats in it.

It's so cool to see that you still provide help for all the questions we have. Thank you!

I have this structure:

1.Top Cat
2. -Sub Cat
3. --Sub Sub Cat

All the top cats, and the sub cats are showing all the time

4|0|1 :smile:

When I click a Sub Cat, and the Sub Sub cat opens, I would like to have a different background color on the css class "cat-products" - but only for the products in the sub sub cat.

If I alter the cat-products class now, all the categories which contains products gets the same color.

So for sub cat which contain products = color1
for sub sub cat which contain products = color 2

Possible?

You can see the site here: https://www.tilbryllupet.no

Hi guys how i can change and add button image in my top Categories path 1,2,3,4 ?

When I install it my category Cpath3 is giving me a sample button image, I want to add a button to cpath 1, 2,3,4 but I cannot figure out how to add it. Which file do I have to add to add the buttons?

Resolved :)
Did a reinstall...

nummel - Sorry, I can't get IE to work on my old dying computer right now. My new computer should arrive in a day or two, and I can check then if you still see the problem. There was an IE7 list-style display bug that I noticed while working on Cat Dressing v2.8. I finally managed to work around it by reorganizing the way the stylesheet applies styles, and this might or might not be relevant to your case.

shahram - Create your image files and name and save them as described in the readme.html. They will automatically be used if they have the right name and location.

Hi

I could do with some help regarding my left menu,

I am wanting to completely change it's look but unsure how and what to edit exactly.

The current menu looks like so:
http://www.adultattic.co.uk/includes/templates/theme413/images/current_menu.jpg

However I would like it to look something like so:
http://www.adultattic.co.uk/includes/templates/theme413/images/menu_reskin.jpg

Any ideas what I need to edit to achieve such changes?

Might I add - the site is used to sell adult products and the menu on site will show you this, so feel free to decide whether you are comfortable to check the site out to help me or not.

Thanks to all in advance. :smile:

That is a quite basic styling layout, easily achievable with Categories Dressing. You would want to turn off most of the functions available, and style some of the #categories li a {} and #categories li a.cat-parent-text {} and #categories li a.cat-selected-text {} rules.

If you want only that much styling and no images, headings or other modifications, you can just follow the instructions in this thread without installing anything:
Highlight Currently Selected Category Background

gjh42:

That is a quite basic styling layout, easily achievable with Categories Dressing. You would want to turn off most of the functions available, and style some of the #categories li a {} and #categories li a.cat-parent-text {} and #categories li a.cat-selected-text {} rules.

If you want only that much styling and no images, headings or other modifications, you can just follow the instructions in this thread without installing anything:
Highlight Currently Selected Category Background

Hi and thanks again

I have read that thread - however is there not slightly more than just highlighting the current cat tab in my design shown?
The bg itself within the catergories has a gradient covering al of the catergories, and on rolling over a certain one, the lighter panel which is a lighter grey showing your selected cat has a slight dropshadow so do I not need to do a bit more than in that tutorial?

The bg alone would be an image would it not as it is a gradient not a flat colour?

Thanks

If you read post 7 as well as post 5, you will see the styling needed for both parts of your question. On my first look, I could not tell that there was a gradient over the whole list of links; that is easily done by making the individual link backgrounds transparent and giving the gradient image background to #categoriesContent {}. Then give the current category its different bg image and a drop shadow style.

If you want the different bg to apply on rollover, you can apply it to #categories a:hover {}.

gjh42:

nummel - Sorry, I can't get IE to work on my old dying computer right now. My new computer should arrive in a day or two, and I can check then if you still see the problem. There was an IE7 list-style display bug that I noticed while working on Cat Dressing v2.8. I finally managed to work around it by reorganizing the way the stylesheet applies styles, and this might or might not be relevant to your case.

shahram - Create your image files and name and save them as described in the readme.html. They will automatically be used if they have the right name and location.

In the readme it is showing how to use heading for your categories heading. But I want to use an image as the button. For example my category is "Mens" I want to create the button for mens. It is already giving me a sample button on the Cpath3 but I want to add buttons to all of my categories and I can't find the right file.

shahram:

In the readme it is showing how to use heading for your categories heading. But I want to use an image as the button. For example my category is "Mens" I want to create the button for mens. It is already giving me a sample button on the Cpath3 but I want to add buttons to all of my categories and I can't find the right file.

An example is attached, all the categories with black background are main top categories that I need to make the image buttons for

There is no file to find - you just need to make the button images for each category, and name and save the image files as described in the readme for each category. If they are named correctly and in the right folder, they will automatically replace the text.
If you want foreground images that stay the same, use names like catimg23.gif; if you want images that swap on hover, name them like catbg23.gif.

I have recently started building a truck accessory website. Is this the mod I need to make my left navigation appear similar to the site linked below?

I am using the current version of ZC and the business_lite template from 12leaves (paid version).

RealTruck

That site has a set of custom functions for the side menus. At top, you could use Product Finder from Free Addons to get the Shop by Vehicle, the standard manufacturers sidebox for Shop by Brand, and Categories Dressing with the chcategories option for the expanded category listings. It would take a small customization to get the restricted subcat menu once inside a top cat. The Narrow by Price and Narrow by Brand could probably be set up as linked subcategories.

gjh42:

If you read post 7 as well as post 5, you will see the styling needed for both parts of your question. On my first look, I could not tell that there was a gradient over the whole list of links; that is easily done by making the individual link backgrounds transparent and giving the gradient image background to #categoriesContent {}. Then give the current category its different bg image and a drop shadow style.

If you want the different bg to apply on rollover, you can apply it to #categories a:hover {}.

I am not sure what I am doing wrong?

Please xplain as a step guide why this is not working? I think I need to make the links transparent but what is the code for this?

Sorry I am so new to using any kind of code and it blows my mind.

I can see the current link is bold, I have uploaded the gradient bg and hover bg, although I need them to repeat x,

but this is what I currently have this in my stylesheet.css:

SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}

#categoriesContent {http://www.adultattic.co.uk/images/content_bg.gif}
#categories a:hover {http://www.adultattic.co.uk/images/cat_current.gif}

#categories a, #categories a span {display: block;}
#categories a+br {display: none;}

:frusty:

You have a bunch of invalid CSS in your stylesheet, so it doesn't do what you think you are asking it to do.```
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
SPAN.category-subs-parent {
bg:transparent;
}
SPAN.category-subs-selected {
bg:transparent;
}

#categoriesContent {http://www.adultattic.co.uk/images/content_bg.gif}
#categories a:hover {http://www.adultattic.co.uk/images/cat_current.gif}

#categories a, #categories a span {display: block;}

#categories a+br {display: none;}

Make changes as shown in red, for starters:```
SPAN.category-subs-parent {
font-weight: bold;
background:transparent;
}
SPAN.category-subs-selected {
font-weight: bold;
background:transparent;
}

#categoriesContent {background: url(images/content_bg.gif)}
#categories a:hover {background: url(images/cat_current.gif)}

#categories a, #categories a span {display: block; color: #112233;}

#categories a+br {display: none;}

This discussion really has no place in this mod support thread; it should continue in the thread referenced above (Highlight Currently Selected Category Background), which also is about a Template Monster template with all its weirdnesses.

gjh42:

That site has a set of custom functions for the side menus. At top, you could use Product Finder from Free Addons to get the Shop by Vehicle, the standard manufacturers sidebox for Shop by Brand, and Categories Dressing with the chcategories option for the expanded category listings. It would take a small customization to get the restricted subcat menu once inside a top cat. The Narrow by Price and Narrow by Brand could probably be set up as linked subcategories.

Thanks, I already have the Product Finder, just haven't learned how to populate it yet. I'll be chiming in with more questions as I get moving on this.

Just when I thought I had Categories Dressing figured out... :blush:

I have a new problem I need your help with.

I added the code you posted earlier to make the chcategories work as a css flyout menu. It works beautifully!! Thank you!

BUT... I have a couple of categories that I want subcats in, but I don't want them to flyout.

So, I thought if I turned that category off and made a linked heading by the same name it would work. And it does, except it's losing the header styling for some reason. (See attached image)

The 'Motorcycle Helmets' is what I want linked, but I want it to look like the 'Motorcycle Apparel' heading.

This is my define:

define ('CAT_BOX_HEADING_2','0|0|||<a href="http://abikergear.com/index.php?main_page=index&cPath=1">Motorcycle Helmets</a>|1');//simple text heading - style 3

Am I doing something wrong?

Is there an easier way to do this? lol

I know how to use the 'holiday' thing to make a category linkable, but would it be possible to turn off the flyout part for a specific category?

As always...thank you so much! :)

Hi,

How can I show all subcategories when the top category is selected?

• Top Category

** Sub Category

*** Sub Sub Category 1
*** Sub Sub Category 2
*** Sub Sub Category 3

I have this setting for active level:
define('CAT_BOX_ACTIVE_LEVEL', '2|0|9');

The above only show the "sub category" when the top category is selected. How can I make it show the "sub sub categories" without having to click on the "sub category" link?

Thanks