Categories Dressing

[gjh42]

The admin buttons will control the entire function of the category, not just the sidebox display.
See the other thread you posted in for discussion of the issue.
http://www.zen-cart.com/showthread.p...e-Any-Category

[rainbow_pixie_star]

Hello,
I am having a little difficulty figuring out the code for this plugin. I have attached an image of what I currently have on the left, and how I would like it to look on the right. I cannot seem to get the placements right.

Here is how the code looks...
//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|||Jewellery making|1');//new list - text headings - style 1
define ('CAT_BOX_HEADING_2','1|0|||Laser cut jewellery|1');//new list - text headings - style 1
define ('CAT_BOX_HEADING_3','1|0|||Scrapbooking and paper craft|1');//new list - text headings - style 1
define ('CAT_BOX_HEADING_4','1|0|||Custom celebration accessories|1');//new list - text headings - style 1
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


Can anyone help?
Thank you
Amy

[gjh42]

You have defined CAT_BOX_HEADING_1, 2, 3 & 4, which will insert themselves above category ids 1, 2, 3 & 4, wherever they are located in the menu. You need to look up the actual ids of the categories you want at the top of each section and substitute those for 1-4.
Also, comment out the example defines with // so they don't activate by accident, like this:

//define ('CAT_BOX_HEADING_23','0|1|||Another Heading|2');//no list break - divider and text heading - style 2 

[ben harry]

Im using 1.5.1 and on the top category the main colour is gradient and shows fine in firefox and on my iphone, but can i get it to work in IE - can i hell you can see my site at http://www.bodykitsonline.co.uk/subaru any idea's on what code i can use to allow this to work in internet explorer. Thanks

[rainbow_pixie_star]

Hi,
Just had another go at it but I still cannot seem to get it. No matter what I try it does not make any difference to the menu when I check the site.

Thanks
A

[gjh42]

Ben harry - You have backgrounds defined using vendor prefixes and IE "filter" only:

#categories ul a {/*top categories*/
    display: list-item;
    /*list-style: disc inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');
background: -moz-linear-gradient(top,  #ccc,  #F0F0F0); /* for firefox 3.6+ */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#F0F0F0)); /* for webkit browsers */

I know nothing about correct IE filter syntax, but I would check to make sure that is correct. Meanwhile, all modern browsers (including IE10) support standard CSS gradient syntax without vendor prefixes, so I would look up the correct form for that and add it after all other gradient setting. You may be able to eliminate some or all vendor prefix versions here.

linear-gradient([ [ [ <angle> | to [top | bottom] || [left | right] ],]? <color-stop>[, <color-stop>]+);
background: linear-gradient(to top,  #ccc,  #F0F0F0);

[gjh42]

Rainbow_pixie_star - I really need to see your site, or at least have a copy of all your relevant stylesheet/defines/etc., to be able to advise.

[rainbow_pixie_star]

Hi,
My site is at craftjam.co.uk I have the design part correct such as colours, font sizing etc (I think). I want it to look like the image in the attachment below the code.

Here is the cat_dressing_defines

<?php
/**
*
* @copyright Copyright 2009 Glenn Herbert
* @copyright Portions Copyright 2003-2006 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.gnu.org/licenses/ GNU Public License V3.0
* Categories Dressing v2.7.3 - Glenn Herbert (gjh42) - 20090505
* includes/languages/english/extra_definitions/your_template/categories_dressing_defines.php
*/

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



Thank you

[rainbow_pixie_star]

Please ignore the image below where I put thank you. Not sure how I managed to add that? It is the first image that I need it to look like.

Thank you
A

[gjh42]

The defines you show are only the default ones; but you actually have defines customized for categories 1, 3 and 4. Category 42 is already a catGroup header because it is the first category in the list, so I can't tell if you have a define for it. You obviously don't have custom header content defined for it.

What does your actual current define list look like?