Categories Dressing

Thanks for your reply, :flex:

I know this maybe not the ideal topic for this forum topic.
But there seem to be some design specialist over here.

A good shop to check is the following, notice how they use the top navigation to switch between main stores (domains) !! ( it's dutch)

http://www.pdashop.nl/

every time you switch from shop, the different sub category's are shown with the products. that's just what i want.

Can you point me in the right way ?

Thanks

I'm not going to get into that subject here, beyond noting that the top row of icons linking to external domains could easily be done using the ez-pages navbar with external links. Check the tutorials for ez-pages, and post in an appropriate subforum or thread for help if you need it.

"I would like to have a few top-caterory displayed as tabs in the header and the dependig subcateory's on the left navigation, how do i preceed ?"

Your original question can actually be solved with Categories Dressing.
Use the categories-tabs bar in the header, and set the "active category" define in categories_dressing_defines.php to hide top categories. Then only subcats (of the currently selected top cat) will show in the categories sidebox. See the readme for more info.

Hallo, I have a question. Is it possible to have open categories on start? I need open second level of categories only. Thank you for reply.

gjh42:

I haven't found anything that works yet.
I think the underlying problem is that the Cat Dressing files don't mesh perfectly with the UCT files.
Glen, I think you already solved this..... simply changing all references of #categories to #chcategories in your generic stylesheet and now your mod and the UCT mod are working in perfect harmony on my site.

I can apply your categories_dressing_defines.php and everything works as it's supposed to. Similarly, every rule in your generic stylesheet does affect my categories formatting just exactly as you'd designed.

Again then, anyone wishing to apply categories dressing to UCT, simply change all references of #categories to #chcategories in your stylesheet_categories_dressing.css and voila, perfect harmony.

The only thing I can't solve is which part of the code is generating these three bullets on limelites.co.uk and which part of the code I can use to insert a position:relative; to align these three heading further to the left:

Please, help :-)

notwist:

Hallo, I have a question. Is it possible to have open categories on start? I need open second level of categories only. Thank you for reply.

Take a look at my site, limelites.co.uk.............. Is this the sort of category expansion you require?

notwist:

Hallo, I have a question. Is it possible to have open categories on start? I need open second level of categories only. Thank you for reply.

To get the expanded categories then you need to install the ch-category-20070610 expanded categories mod available in the downloads section. Beware though, if you install this mod then it can be tricky at first to make it work with the categories dressing mod (see the last ten or so posts in this thread)

If you require only opened to 2nd level subcategory then look at my solution found here.

There is some mismatch in the two mods, because Categories Dressing detects category/subcategory level and adds <ul> tags as required; the top categories on your site are not getting the <ul> tags. Something about the information passed into tpl_categories.php is not meshing correctly.

gjh42:

There is some mismatch in the two mods, because Categories Dressing detects category/subcategory level and adds <ul> tags as required; the top categories on your site are not getting the <ul> tags. Something about the information passed into tpl_categories.php is not meshing correctly.
Glen, could it be something as simple as this:

I changed all #categories to #chcategories and BINGO, 99% working.... what would I change .catBoxHeading1 and .catBoxHeading2 etc., to??

Those don't depend on the sidebox id at all. Theoretically, if someone used .catBoxHeading1 for some other page element, it would conflict... but I don't think that is likely enough to matter :)

The styling class/id tags are not directly connected with the creation of the HTML <ul> element tags.

limelites:

To get the expanded categories then you need to install the ch-category-20070610 expanded categories mod available in the downloads section. Beware though, if you install this mod then it can be tricky at first to make it work with the categories dressing mod (see the last ten or so posts in this thread)

If you require only opened to 2nd level subcategory then look at my solution found here.

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?

I realised that after asking the question, sorry.

What I don't understand is how your generic stylesheet is manipulating these top level categories when they're active categories. When I select for example, womenswear>tops, the top level, 'womenswear' goes bold and I can make the font size change or I can change alignment etc... this is from using:

#chcategories li a.cat-selected-text {
    list-style: square inside url(../images/bullet3.gif);/*change to list-style: none; to remove bullet*/
	font-weight:bold;

If it's not getting the <ul> tags then how is #chcategories li a.cat-selected-text affecting it and is there perhaps a new tag I can ad for example #chcategories li a.cat-NOTselected-text?

Sorry, I'm an amateur and I do struggle with the basics at times :-)

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.

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!!!