Categories Dressing

Tried it and failed. Then I realized that flash has to be embedded. I need to be able to have the code generate <EMBED> tags where it would normally generate <IMG> tags but I can't seem to find where that is. :frusty:

Anyway maybe the new version could include this on the condition '.swf' is met.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" id=" ">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="catbg65.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#fffff" />	
</object>

Where bg color and name are vars or something. Wish I knew more about it.

Either way thanks for the mod!

That would have to be a job for somebody who is expert with flash.
Embedding a separate flash movie for every button seems cumbersome, not to mention a lot of work.

True, perhaps it would have to be one swf or something.

Oh well I found a work around for anyone else wanting to use flash (or whatever they want for that matter)

http://www.zen-cart.com/forum/showthread.php?t=72725

gjh42:

What is the address of the design page? Is it the one in the link? That is the homepage, which you can do with

define ('CAT_BOX_HEADING_33_35','0|0|||<a href="index.php">Design</a>|3');

Thannks for that.  I hadn't realised it was as just about putting the link in the heading line on the defines! :blush:

Now my css is messed up for the heading!?

...="index.php">Design</a>|3');

The "3" indicates that it will use the .catBoxHeading3 { rule in the stylesheet. If you do not have such a rule, there will be no styling for that heading.

Change the 3 to match whatever rule you were using before.

Okay, you have helped us before and are stuck once again, but if you could help we would greatly appreciate; mainly because we have multiple sites and they are all active, but we loaded the newest version of the mod and are going nuts trying to understand how to edit the categories. If you can help us with this site, we figure we can finish the rest because we plan on using the same style, just different sites and titles.

Mainly on the site below we are trying to have this set-up ....

http://www.hidguy.net/

1. 4 Main non-clickable category titles .... (1 - HID Kits and Components) ... (2 - Exterior Styling) ... (3 - Interior Styling) ... (4 - Performance)

2. And then just place which categories we would like under the corresponding Main category title.

3. Also we are looking for normal blank or colored boxes for the main titles and basic text input, nothing using images for now.

4. We as well would like to have the colorful highlighting when you place the pointer over it removed to where just the highliting of the category name itself. Basically how it is, but without the colored image involved.

Whatever you need from us we are ready to provide. Any help is greatly appreciated, if we are asking for too much we understand, but let us know so we can dedicate our focus on trying to figure it out. Thanks in advance.

You need to know the category id (cPath) of the category that will be at the top of each group - I can't tell that for all of the groups from your description.

For HID Kits, edit categories_dressing_defines.php and try ```php
define ('CAT_BOX_HEADING_2','1|0|||HID Kits and Components|1');

Comment out the example defines you don't specifically want to use, like```php
//define ('CAT_BOX_HEADING_52','0|1||');//divider only - style 1

Change the stylesheet rule from

.catBoxHeading1 { 
    font-family: georgia, serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    /*background-image: url(../buttons/english/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0;
    }
```to

.catBoxHeading1 {
/font-family: georgia, serif; use this if you want to set a particular font for the headings/
font-weight: bold;
font-size: 1.4em;
color: #335511;
background-color: #ff66ff;
padding: 0.3em 0.4em;
margin: 0;
}

Delete the URL here```
/* top category hover effects*/
#categories li.cat-top a:hover {
    color: #dd6633; 
    background:  #ddeeff url(../images/catbghover.gif);
    } 

/* subcategory hover effects*/
#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover {
    color: #aa9966; 
    background: #ffb9ff url(../images/catbghover.gif);
    } 
```If you don't want the background to change color, delete the entire "background:" line.

For categories_dressing_defines .... where would we place the line you first stated to add .... our code is below

And actually are all of these just examples and would it be best to remove and only add as we require them ?

//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|||Major Heading|1|Minor Heading|2');//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

//
//display only the active top category and its subs, hide top cats, hide sub-subcats, or any combination.
//only uncomment and set this define if you want to hide cats based on active tree or level
// 'active|highest_level|deepest_level'
//active: 0=all tops/1=full active tree only/2=active only (all tops when no cat selected)/
//3=full active tree, others per level/4=like 3, active branches only/5=like 1, no tops|
//highest_level: 0=all levels/1=no topcats/etc.|
//deepest_level: 1=only first subcats/2=first & second subcats/etc.
//
//define('CAT_BOX_ACTIVE_LEVEL', '0|1|9');//hide top cats
//define('CAT_BOX_ACTIVE_LEVEL', '1|0|1');//show only active cats, to first subcat level
?>

Already figured it all out; can't say enough for how great a mod or upgrade this really is.

Now, is there a way to remove the Categories box and Title from the whole box, or no ?

Horrific_ending:

Already figured it all out; can't say enough for how great a mod or upgrade this really is.

Now, is there a way to remove the Categories box and Title from the whole box, or no ?

Actually we are having trouble adding more headings. What do all of these numbers in the line you gave us stand for ?

define ('CAT_BOX_HEADING_2','[COLOR="Blue"]1|0|||HID Kits and Components|1');

That's what the readme and the example defines are for - to show which numbers do what. I recommend commenting out the examples, but not deleting them, since one of them may be the pattern you need for a task.

define ('CAT_BOX_HEADING_2','1|0|||HID Kits and Components|1');

The first number ( 2 ) is the $cPath of the category you want the heading for.
The 1 controls whether to start a new category group (1 = yes) - this would let you make a box around a selected group of categories, for example.
The 0 controls whether there will be a divider above the category name (0 = no).
The 1 controls which stylesheet rule will be applied to that heading (1 = .catBoxHeading1)

The defines can go in any order.
If you want to remove the Categories heading, add to your stylesheet

#categoriesHeading {display: none;}

To eliminate the red outlines, remove the border from```
#categories ul {/top category lists/
list-style: none;
background: none;
border: 1px solid #ffaa99;
margin: 0 0 0.4em 0;
padding: 0;
}

Okay, we have everything working perfect, can not Thank you enough for all your help.

Just one issue; one of our sites will not list any main headers, no matter which category we link.

The site is ....

http://www.venomousstangz.net/

Our other sites working fine with the mod are ....

http://www.hidguy.net/ and http://www.allcitysports.net/

Any suggestions on what might be wrong ?

gjh42:

...="index.php">Design</a>|3');

The "3" indicates that it will use the .catBoxHeading3 { rule in the stylesheet. If you do not have such a rule, there will be no styling for that heading.

Change the 3 to match whatever rule you were using before.

Thanks, I did change that bit to 1 -

define ('CAT_BOX_HEADING_107','1|0|||<a href="index.php">Design</a>|1|');

But its still messed up and it should be ok as 1? (thats what it was before)

I think its because the heading is now a link its got the link style from the css?? How do I solve this?

Thanks

All sorted :bigups: All fine now thanks

pb4 - Did you find that eliminating the extra | at the end of the define helped? I don't recall if it would be a problem, but it's definitely not necessary.
'1|0|||<a href="index.php">Design</a>|1|'

Horrific_ending - I can't see anything that would cause the headings to not show. What do you have in your defines for that site?

gjh42:

pb4 - Did you find that eliminating the extra | at the end of the define helped? I don't recall if it would be a problem, but it's definitely not necessary.
'1|0|||<a href="index.php">Design</a>|1|'

Horrific_ending - I can't see anything that would cause the headings to not show. What do you have in your defines for that site?

This is what our Defines holds right now. All the numbers correspond, but somehow they will not show.

//example defines - copy & modify for each category desired
define ('CAT_BOX_HEADING_1','1|0|||<center>HID Kits & Parts</center>|1');
define ('CAT_BOX_HEADING_6','1|0|||<center>Mustang LED Bulbs</center>|1');
define ('CAT_BOX_HEADING_8','1|0|||<center>Mustang Parts & Accessories</center>|1');

//
//display only the active top category and its subs, hide top cats, hide sub-subcats, or any combination.
//only uncomment and set this define if you want to hide cats based on active tree or level
// 'active|highest_level|deepest_level'
//active: 0=all tops/1=full active tree only/2=active only (all tops when no cat selected)/
//3=full active tree, others per level/4=like 3, active branches only/5=like 1, no tops|
//highest_level: 0=all levels/1=no topcats/etc.|
//deepest_level: 1=only first subcats/2=first & second subcats/etc.
//
//define('CAT_BOX_ACTIVE_LEVEL', '0|1|9');//hide top cats
//define('CAT_BOX_ACTIVE_LEVEL', '1|0|1');//show only active cats, to first subcat level
?>

Odd... It does look like it should work. If the <center> tags weren't also in use on the other sites, I would suspect them of causing some glitch. In any case, the HTML <center> tag is officially deprecated, and the preferred (and simpler) way to achieve that result is to add
text-align: center;
to the
.catBoxHeading1 {
rule in the stylesheet. This will take care of all the headings with one line instead of having to code <center> and </center> on every one.

There is no effect whatsoever from the defines on that site, so I have to wonder if the categories_dressing_defines.php file is in the right place. Are you sure that the comments at the beginning of the file are properly terminated? Perhaps you can post the entire content of that file, comments and all, between ```
[php] and [/php]

Hi all,

Wonderful categories. Thanks. All my categories are displayed as images and change by hover perfectly.

QUESTION: Can each category display an individual image when CAT-TEXT-SELECTED like the "minus sign" bullet in the event of a text category?

THANK U!

You want a different bullet for each category? That would require the "special category" classname as described in the tpl_categories.php comments, for each category. Then you could address each cat with a unique list-style-image: property to set its bullet.

Hey. I have been trying to get this mod working on my site but have had some trouble. The images that I used to replace the category text arent linking to the categories, additionally and probably on a related note hover isnt working. Here is my site. http://shoptekne.com/zencart/

Thanks in advace.