Categories Dressing

[gjh42]

I guess I need to ask what folder the copy of tpl_categories.php that you have been editing is in.
You have the Classic template active, so all modifications and additions need to go under that. Change "your_template" to "classic" when placing files in this case, as the readme instructs.

You will also need to learn about the template override system (see FAQ/tutorials) and set up your own template.

[gjh42]

Wouldn't you know it, two days after I released v1.1 with coded bullets, I realized the full power of the "display: list-item;" CSS property.

Version 1.2 is now available in Downloads, featuring pure CSS custom category bullets (simpler, more flexible and more powerful) as well as a number of improvements to other coding, and the new improved readme to replace the one I inadvertently left out of the zip for v1.1.


The examples are configured to display with Zen Cart demo products to quickly illustrate their use. A sample stylesheet is included, from which to copy CSS code for your main stylesheet.

[gjh42]

Erratum: The example CSS file, stylesheet_categories_dressing.css, should have a class added to this declaration to function properly in all circumstances:

#categories a.category-top.catText:hover {
    background-color: #ddeeff; 
    color: #554433; 
    background-image: url(../images/catbghover.gif);
    }

Add .catText as shown to limit background hover effects to text-based links and leave background-image-based links to their own swapping operation.

---

Also, further testing has shown a puzzling bug in IE6 handling of CSS bullets for subcategories. It is treating the subcat tags as if they were top cats, even though they do not have top cat tags and have separately styled subcat tags. Meanwhile, Firefox of course handles all the different conditions as designed.

Stay tuned for further info if this feature matters to you.

[gjh42]

Update: I have found and corrected the cause of IE6 CSS bullet misbehavior.
Version 1.2.1 should be available soon in Downloads.

The problem was caused by the last-minute addition of a second classname to the <a> tag for bullet handling distinction. IE6 is apparently so confused by a double classname (a.category-top.catText) that it makes strange and perverse choices of what CSS declarations to apply to a situation.

The problem was solved, apparently without undesired side effects, by altering the generating code to append the second name to the main name (a.category-top-catText), incidentally providing a unique classname that will never cause side effects in the Categories-Tabs menu.

[gjh42]

Categories Dressing v 1.3 is now available in Downloads.

I have added one new function, and made minor code efficiency improvements.
- You can add non-linked subtext below any desired categories.

[keenskin]

This is one of the most useful zencart mods for me, thanks for the great mod.
I manage to get it working properly, except one thing.

I like to add "non-linked heading" just above special, (or Featured Products ...
All Products ...)

This is how i did, for example, I have special link acitvated in the categories menu and link to the special is " http://xxxxxx.com/index.php?main_page=specials"
so I cut and paste "special" into

"case 'special': //replace number with your desired cPath"

but the non-linked heading did not show up. I guess it should be numeric number instead of "special" text.

Can you tell me the way to fix this problem?

[gjh42]

The test for displaying headings is in a loop that goes through the categories, but does not go through the all/featured/new/specials links. Those are separately output after the categories.

The way to accomplish this will be to copy the heading code to the specials output area. I am away from my home computer now, but when I get back I will look at the files and post here with the necessary code.

[r1formetoo]

Ok, I've concocted questions. I've installed this mod on examplecart.com and the first thing I wish to do is set the first level of subcats to display. I see in the readme file that I can replace the "deepest_level" text of my categories_dressing_defines.php with a simple 0 through 9; however, I can't even seen to find this statement below in that file. I feel like I'm missing a major part of the picture here.

define('CAT_BOX_ACTIVE_LEVEL', 'active|highest_level|deepest_level');

[r1formetoo]

Ahhh crap. I was looking in the wrong file.........

[r1formetoo]

And the saga continues... I've made the last two numbers here 2's but still no subcategories are displaying when hovering with my mouse.

//define('CAT_BOX_ACTIVE_LEVEL', '0|1|2');//hide top cats
//define('CAT_BOX_ACTIVE_LEVEL', '1|0|2');//show only active cats, to first subcat level