Categories Dressing

You will lose your template-specific tpl_categories.php when you install Categories Dressing, as they are totally different and not practical to merge; however, CD does have a setting for highest and lowest level of category to display, so you could show just the first-level subcats in the sidebox, no top or second-level.

I notice the commented-out <ul><li> code in that file... it would give a fake list which would not actually show nested subcategories as nested lists, but all would be in one continuous list. Categories Dressing creates a correctly nested set of <ul> lists for your sidebox, no matter what levels you have hidden.

Okey, once I've installed the module what do I have to do to configure it as I want?

The readme details all of the settings available. You would probably want to turn off most of the features and delete/rename some demo images; then you will need to edit categories_dressing_defines.php as described in the readme to uncomment and set the define for level control.

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

gjh42:

MikeyG - I think someone posted a fix for the bug, but not sure if it got officially updated.

gjh42

Just to let you know your link with the fix worked for the tab nav and the sidebox to work. and I now have my site working as I wanted. Thank you.

I have one other question at the moment.

If I wish to have a particular subcategory appear in the categories sidebox, as the specials / new listing can below a divide line, for example. Is this possible to control from the defines.

I basically want a link to a sales or EOL category to appear in the side box below the main categories when the box appears on any other page apart from the front page, but don't want to make it a top category as this would then appear in the header tabbed categories and throw out the list there as it would then become too long going across the page.

https://www.funkymoose.co.uk if you need to take a look at how the site is working with the categories side box and top header nav tabs. The last category is gifts and it would be good to be able to show additional specific categories , or subcategories (1st or 2nd level) below it (with or without a divide line or other formatting )

Thanks

Without custom coding, your best bet is probably to add a new top category named Sales or whatever, with sort order set to higher than any other top cats. You can define a divider to go above it - see the readme for instructions. Then you can use a CSS rule in your stylesheet to hide that category in the header.

Hi Glenn,

Just noticed this on my site. ( did never check ever since it was online :huh: )

the categories dressing text became bigger on

index.php?main_page=checkout_payment

(see attached image)

but normal on all pages of my site.

no similar problem found like mine.

do you know how to fix this?

Thanks

oh! no need for reply got it fix. I uninstalled other paypal checkout mode. Thanks:clap:

As a guess, there may have been something in a stylesheet for the paypal mod that affected links or other text outside of itself. Otherwise, it would have had to be some HTML error the mod introduced which interfered with the correct sidebox building... no idea what that might have been.

Hi everyone,

I am going crazy and hope someone can help. I do use v2.7.3 and chdressing for the full tree. I have also tested the code with Case 6 and Case 7 (as provided in this forum) without success.

Sorry on localhost so no preview unless it becomes a last resort then i can put it online.

Now my question is can the first level of subcategories be displayed in the main/home page? I can get all other settings to work on teh suband subsub levels but not on the first page where only the main categories are shown (unless you click on them) where I want the first level of subcategories to be already expanded without any clicking. Basically the catalogue looks like:

Category 1
Subcategory 1
Subcategory 2 etc
Subsubcategory 1
Subsubcategory 2 etc

Category 2
Subcategory 1
Subcategory 2 etc
Subsubcategory 1
Subsubcategory 2 etc

There will only be two main Categories so I want to be able to show throughout the site the following:

Category 1
Subcategory 1 etc

Category 2
Subcategory 1 etc

Currently all attempts to show the above only work once someone has already clicked on a category then the subs showing but I can not get the subs in the main page.

Hope it makes sense and any ideas, suggestions will be welcome .

Thanks
Tassos

My apologies and disrgard my last post. After two days nonstop on the pc it got the better of me. I have figured it out now. Thanks for the great mod.

Hi Glen,

I've taken on a new project, or rather we're expanding our floristry webiste into a new, wholesale website at https://www.silkblooms.co.uk/wholesale. I've decided to opt for a new Template Monster 1.5x template this time but I can forsee some problems with the category tree as it's been coded for top level and one sub level category only. Unfortunately, our new site will have top level and then two sub levels so it's acting quite strangely. Can you take a look at the Template Monster demo, then compare it to what we're getting so far:

http://www.templatemonster.com/demo/38409.html

V

http://www.silkblooms.co.uk/wholesale/index.php?main_page=index

Do you think it'd be better to install Categories Dressing in place of the category tree from the templeate? Will it be easy to implement so that the categories look and behanve the way they should, rather than the way they're behaving now?

Click on the "Wedding Collection" category and we'd like it to be more like this:

At the moment, it's like this:

I didn't see the way your site was behaving before you installed Categories Dressing on it, so there's not much to say about your initial questions. You certainly can style subcats as desired, with what you already know about Cat Dressing.

Hi Glen,

I reckoned the easiest way was to install Categories Dressing as the template category tree would have probably needed re-writing. So, I'm trying to make it look like this:

http://www.templatemonster.com/demo/38409.html

This is the first I've used the latest version of Categories Dressing. For the life of me can'tfigure out how to remove the hover background image or the heading that says, "Cat 3 Sample".... I'm sure it'll tell me in this thread somewhere... I'll have a look.

Hi Glen,

That was easy :) I've removed the headings and the backgrounds colours and borders.... Now I just need to figure out the indents. They seems to be quite large.... Where should I be looking to make the indents much lower?

Also, how would I add a dotted line to seperate all the top level categories, similar to the template file?

Another question, when a category is open (expanded) is there a way to make it restore (contract) back by clicking on an open (expended) category to make it close?

we have been using categories dressing on a site with images instead of text for Cat name with no problems until now. We added 3 new categories recently and today one of employees added the code for the images. For whatever reason these are not showing. Is there a limit set somewhere. The code appears fine from what we can see. Everything appears to follow in line with our previous setup of this mod. Any ideas?

There is no limit on category text>image replacement. Can you post the category image filenames you used?

limelites - The subcats have margins and padding on the left which can be adjusted in the stylesheet, for example:
stylesheet_categories_dressing.css (line 93)#categories ul ul {/subcategory lists/
list-style: none;
/* background: #ffeecc;*/
border: none;
margin: 0 0 0.7em 0;
padding: 0 0 0 0.8em;
}

and under
#categories ul {/top category lists/

You may also have had the default Zen Cart subcat indent spacing active; if so, it seems you have now eliminated that.

Dotted lines separating top cats would best be done with something like
border-top: 1px dotted #aabbcc;
in the
#categories ul a {/top categories/
rule.

Category menus that expand and contract on clicking can only be done with javascript ("accordion menu"). This would have to be a completely different set of code.

Hi Glen,

I have a few questions/issues but let's deal with them one at a time. RE the dotted lines to seperate top level categories, I can't seem to get this one. Here's the css in stylesheet_categories_dressing.css:

#categories ul a {/top categories/
display: list-item;
list-style: disc inside url(../images/bullet1.gif);/change to list-style: none; to remove bullet/
background: no-repeat;
/border: none;/
border-top: 1px dotted #aabbcc;
margin: 0;
padding: 0;
background:none;
font-family:"Times New Roman", Times, serif;
font-size: 1.0em;
text-transform:none;
}

...... it seems to have no effect.