Categories Dressing

Quote:

---

Originally Posted by notwist

Thank you for reply. I would like to test your solution but I can't see this code on tpl_categories.php file. Where I find this code?

---

This code would appear in tpl_categories.tpl if you install the modified version which ships with the categories dressing mod.

Your top categories get <li> tags, but not the <ul> tags that should be containing them. The selector

#chcategories li a.cat-selected-text

doesn't specifically mention "ul", so it can apply even though the HTML is messed up. If it said

#chcategories ul li a.cat-selected-text

it would not work there.

I see, understood.

Where would I begin research into generating the containing <ul> tags for top categories?

I'm going to be doing that in the next few days, when I have time to compare the mod files' information handling.

Quote:

---

Originally Posted by gjh42

I'm going to be doing that in the next few days, when I have time to compare the mod files' information handling.

---

Glen, you're a star.

As a workaround in the meantime, do you know what area of code in either your generic stylesheet, or the main stylesheet.css, is generating the grey bullet points on my top level categories?

If I knew that then I could just insert a list-style:none; and a position:relative; someplace.

Or, is it a case that since the <ul> tags are not being generated then no stylesheet can alter the top categories because of the missing <ul> tags?

In thiat case, is it maybe a case of WINMERGE onto the ch_categories.php into categories.php ?

Sorry if this is another dumb question :blush:

I'm new to Zen Cart and just installed the Category Dressings Mod. I originally wanted to add a rollover image in place of each sidebox heading and someone mentioned that this is the way to go. But OMG I'm lost! I need to make sure I understand what I need to edit. I already uploaded the files to my custom template but when I make the changes that I "think" need to be made nothing happens. Can someone check to make sure I have the right steps down? I would GREATLY appreciate it!

I would need to edit each category heading within the stylesheet_categories_dressing.css.
Example:

.catBoxHeading1 {
font-family: Verdana, Arial, georgia, serif;
font-weight: bold;
font-size: 16px;
color: #6d4925;
background-color: #ffffff;
background-image: url(../images/products.gif);

Question: the number 1 in .catBoxHeading1...that refers to the number in the admin panel next to that category...right? And the images are uploaded to the /my_template/button/english...correct?

Next I need to edit the categories_dressing_defines.php. This is where I get VERY confused. Within this files...

//example defines - copy & modify for each category desired
define ('CAT_BOX_HEADING_#','group|divider/class|[imgname]|[imgalt][|headcontent|headclass][|headcontent|headclass]...');
define ('CAT_BOX_HEADING_1','1|0||');//new list - no headings
define ('CAT_BOX_HEADING_3','1|0|products.gif|Products||');//new list - text headings - multiple levels - styles 1 & 2
define ('CAT_BOX_HEADING_23','0|1|||Another Heading|2');//no list break - divider and text heading - style 2
define ('CAT_BOX_HEADING_33_34','0|0|||Subcat Heading|3');//simple text heading - style 3
define ('CAT_BOX_HEADING_48','1|0|cathead48.gif|Cat 48 Heading|Buy Now...|3');//image heading and alt text - can be followed by text heading(s)
define ('CAT_BOX_HEADING_52','0|1||');//divider only - style 1
define ('CAT_BOX_HEADING_53','0|2||');//divider only - style 2
define ('CAT_BOX_HEADING_FEATURED','0|0|||Featured Heading|3');//no list break - text heading
define ('CAT_BOX_SUBTEXT_23','Subtext for cat 23 escape apostrophe\'s|1');//subtext - style 1
//

I'm assuming as stated at the beginning of this code that these are just examples. Would I just delete them and add my own? And to add my own would the correct code be...
define ('CAT_BOX_HEADING_1','1|0|products.gif|Products||');

and then add more for other categories???

THANK YOU FOR YOUR HELP!!!!

define ('CAT_BOX_HEADING_#',... is for defining the heading form & content for each category.
You would want one of these per category.
Best not to delete the examples, but comment out with //, as they show you how to do various kinds of headings.

.catBoxHeading1 { ... is for setting the style of text headings identified by "1" in the define - like |Subcat Heading|1');//simple text heading - style 1
This would be applied to all of the text headings with a particular style.

define ('CAT_BOX_HEADING_1','1|0|products.gif|Products||');
would give you an image heading using products.gif; however, I don't think you want to be using this part of the Categories Dressing code at all. This is for non-linked headings that appear above the category names, not for the category names themselves.

You would rename products.gif to catbg1.gif, with its rollover state version named catbg1_hover.gif. The code will automatically recognize that that image name goes to category 1, and use it instead of the category name text. You will also need to make stylesheet entries for a.catBg1 {} and a.catBg1:hover {}, referencing the respective background images.

I don't know what I'm doing wrong.
This is the site that I'm working on is http://www.zitabkids.com/ZitaStore

I'm wanting it to have the same button images as on http://www.zitabkids.com

I'm just wanting to replace the text of Products (in Zen Cart)with the button image on the other site. And leave the categories underneath the text Products as normal text links like they already are.

But I can't figure out how to do this with the category dressing mod. I'M SO LOST!!!

OK, so it's the sidebox headings you want to change, not the individual categories or category headings. Categories Dressing does not affect this at all. What you want is the Image Titles mod, which will allow you to replace sidebox header text with an image.