Categories Dressing

[gjh42]

If you mean the "Specials" link at the bottom of the sidebox, you can make a heading above that with a define like this:

define ('CAT_BOX_HEADING_SPECIALS','0|0|||Specials Heading|3');//no list break - text heading - style 3

The "3" says to use the stylesheet rule .catBoxHeading3 {. You can make a new rule 4 if you want for this case.

[joyjoy]

Thank you for clarifying. I just figured that out. =)

I thought the "3" was something to do with the show/hide levels. Can't wait for the update. Thank you!

[SPH]

My test site:
http://www.prom-mart.com/

Looking at only using the ch open categories. Everything seems to work (only two subcats on this test site).

ISSUE: How to make the open categories box heading black background image, while leaving rest of headings the tan image, as per my template.

Here's pic of what I wish:

http://www.prom-mart.com/images/cat-open-pic.jpg

Currently not using any cat dress/ch dressing style sheet, as everything looks like what I wish...except for black heading for cats. I did try the ch stylesheet to solve problem.

My template style sheet controls the black cat heading with (apparently two images comprise heading) copied below.

Looks like it should be simple, but I've been unsuccessful so far.

Thanks for any help.

SPH



.main-sidebox-header-left {
background: url("../images/main_sidebox_left.gif") no-repeat left top !important;
padding: 0 0 0 0.3em;
}
.main-sidebox-header-right {
background: url("../images/main_sidebox_right.gif") no-repeat right top !important;
color: #ffffff !important;
padding: 0 0 0 0.3em;
}

[gjh42]

I'm not sure exactly what custom code is putting the .main-sidebox-header-left and .main-sidebox-header-right classes on the regular categories sidebox, but you don't need custom classes; you can just use the box id combined with the standard (for your template) class, and the standard box head id:

#chcategories .sidebox-header-left {
background: url("../images/main_sidebox_left.gif") no-repeat left top !important;
padding: 0 0 0 0.3em;
}

#chcategoriesHeading {
background: url("../images/main_sidebox_right.gif") no-repeat right top !important;
color: #ffffff !important;
padding: 0 0 0 0.3em;
}

[SPH]

It worked, thanks!

http://www.prom-mart.com/

I pasted your code at botom of ch stylesheet.

sph

[SPH]

Now testing on main site:

http://www.prommart.com/

Thanks!

SPH

[nummell]

Hi,

I´m having a little problem with the subcategories not showing hover images on Internet Explorer and I can´t fix this...
It works great on Firefox and Safari but on IE it only works on main categories... on the sub categories it just goes blank when the buttons are hovered...

here´s the problem
http://pedradatattoosupplies.com
Try the inks (tintas) for example...

Anyone knows the solution for this?

Thx in advance

[twitchtoo]

I just found a couple bugs in the tpl_categories.php while trying to install and modify ch_category bundled with categories dressing... using ZenCart 1.3.9h

includes/templates/YOUR_TEMPLATE/sideboxes/tpl_categories.php

1 - You will want to add this line:
$content .= "\n" . '<ul style="margin: 0; padding: 0; list-style-type: none;">' . "\n";

below this line (18):
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";


2 - You will then need to add a <li> in front of the <div class= around line (41) to make it look like this:

$content .= '<li><div class="betterCategories"><a class="' . $new_style . '" href="' . zen_href_link(FILENAME_DEFAULT, $box_categories_array[$i]['path']) . '">';


3 - Then find this line (60):
$content .= '<br />' . "\n";

and replace it with this line:
$content .= '</div></li>' . "\n";

that will close the div container and close the li.


4 - Finally add this line:
$content .= '</ul>' . "\n";

above this line:
$content .= '</div>';

at the end of the file around line (96).

This will close the ul and keep the whole category box contained properly.

I am aware that the stock tpl_categories.php doesn't wrap each link with a div (notice 'betterCategories' has been added to my links) but once you do, you can further control each link!

Side note about line numbers: Line breaks have been removed from my stock tpl_categories.php remove the empty space in your file and line numbers will match.

Twitch.

[gjh42]

How does this relate to Categories Dressing? Its <ul><li> processing happens in a function, not directly in tpl_categories.php. The ch_categories /includes/ folder by itself only provides the expanded set of categories and subs - all the list/level processing happens in the functions called by the main tpl_categories.php in the Categories Dressing /includes/ folder. If you installed the ch_categories by itself, you would be getting none of the <ul> code. Adjusting the stock tpl_categories file is (partially) duplicating the function that CD already does, and is not necessary - just use the whole package as built.

[gjh42]

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.