Categories Dressing

[gjh42]

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.

[jamielife]

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

[pb4]

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!

Now my css is messed up for the heading!?

[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.

[Horrific_ending]

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.

[gjh42]

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

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

if you want Xentec to be at the top of that list, or 'CAT_BOX_HEADING_6' if you want HID Bulbs and Components.

Comment out the example defines you don't specifically want to use, like

//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;
    }

Adjust to taste.

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.

[Horrific_ending]

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

##########

[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 ?

[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="Red"]1|0|||HID Kits and Components|1');

[gjh42]

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;
    }