Categories Dressing

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.

Quote:

---

Originally Posted by 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.

Code:

---

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:

Code:

---

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.

Quote:

---

Originally Posted by 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:

Code:

---

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

You would need to have the chcategories option installed to get the whole active subcat tree.