Categories Dressing

[gjh42]

Try this:

      case 7://full active tree, others per level; always cat 23, cat 150 active subs
        if( $path_top == '150'){
          if ($cat_depth >= 2){//only test sub-subcats+
            $path_ids = explode('_',$path);
            $path_parent = $path_ids[count($path_ids)-2];
            if (!in_array($path_parent,explode('_',$_GET['cPath']))) $skip_cat = 1;//show only subcats w parent in $cPath
          }
        } elseif ($cPath_top == $path_top or $path_top == '84') {//full tree
        }
        } else {//if not active test for level
          $test_level = 1;
        }
        break; 

This might want alteration to
if ($cat_depth >= 2)

[swamyg1]

Using this code seems to break my category page It's coming up blank.

[gjh42]

My code merge of two cases left an extra }. Change this

        } elseif ($cPath_top == $path_top or $path_top == '84') {//full tree
        }
        } else {//if not active test for level 

to this

        } elseif ($cPath_top == $path_top or $path_top == '84') {//full tree
        } else {//if not active test for level 

[swamyg1]

That did the trick, thanks so much... Exactly what I needed.

[Lanadearg]

Hello all. I want remove bullet and move categories to left. My cite http://giftseshop.com/
I changed stylesheet_categories_dressing.css as written here, but doesn’t work. I have impression that cite doesn’t respond to the code. Please help me, suggest something.
Sorry for my English.

/**
 * CSS Stylesheet for Categories Dressing examples
 * @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
 * /includes/templates/your_template/css/stylesheet_categories_dressing.css
 * Categories Dressing v2.7.3   Glenn Herbert (gjh42)   - 20090505
 */
/*
hr.catBoxDivider1 { 
    color: #aabbcc;
    }
*/

 /*IE6 hacks*/
* html #categories li, * html #categories li a {
    height: 1em;/*fix IE6 whitespace bug*/
    background-image: url(../images/pixel_trans.gif);/*partially fix IE6 a block display bug*/
    }

.catBoxHeading1 { 
    font-family: georgia, serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0;
    }

.catBoxHeading2 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335544; 
    background-color: #ffaaff;
    
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0 0 2px 0;
    }

.catBoxHeading3 { 
    font-family: 'comic sans ms', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #336699; 
    background-color: #ffbbdd;
    
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0 0 2px 0;
    }

.catBoxHeadingImg { 
    padding: 0;
    margin: 0;
    }

.catBoxSubtext1 {
    font-family:  'times new roman', serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #669911; 
    background-color: #ffddff;
    padding: 0.1em 0.2em 0.1em 1.0em;
    }

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    border: 1px solid #ffaa99;
    margin: 0 0 0.4em -2em;
    padding: 0;
    }

#categories ul a {/*top categories*/
    display: list-item;
    list-style:  none;
    background: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    }

#categories ul ul {/*subcategory lists*/
    list-style: none;
    background: #ffeecc;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1.3em;
    }

#categories ul ul a {/*subcategories*/
    display: list-item;
    list-style:  none;
    background: #ffddbb;
    border: none;
    margin: 0;
    padding: 0;
    }
 

/*change  bullet when a category w/o bg image is open to subs:*/
#categories li a.cat-parent-text {
    list-style:   none;
    }
/*change  bullet when a category w/o bg image is open to products:*/
#categories li a.cat-selected-text {
    list-style:   none;
    }

/*disable bullet for cats w/ image or bg image*/
#categories li a.cat-parent, #categories li a.cat-selected, #categories li a.cat-not-selected {
    list-style: none;
    display: block;/*fix IE6 margin-left bug*/
    }

/*different bullet for links if desired*/
/*
#categories li a.category-links {
    list-style:   none;
    }
*/

/* top category hover effects*/
#categories li.cat-top a:hover {
    color: #dd6633; 
 
list-style-type:none;
list-style: none;
margin-left:-2em;
    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);
    } 

/*individual page rules go after the general rules*/
/*example for individual category as bg image*/
#categories li a.catBg25 {
    
    height: 30px;
    }

#categories li a.catBg25:hover {
    
    }

/*example for custom individual category styling*/
#categories li.cat-holiday a {
    border-top: 3px dotted #112233; 
    background-color: #aabbff; 
    color: #112233; 
    padding: 1em 0em;
    }

/*example for custom category group styling*/
ul#catGroup15 {
    border: 1px solid #bd6699;
    background: #bbeeff; 
    position: relative;
    left: -1.3em;
    top: 0.2em;
    }

 .catCount {color: #000000;}

[gjh42]

You do not have stylesheet_categories_dressing.css saved in the right folder. I don't know where it is, but it needs to be in
/includes/templates/classic/css/stylesheet_categories_dressing.css.

You also should read and follow the tutorials on making a custom template; the /classic/ folder is intended as an example, not as the template folder you should use.

[Lanadearg]

You do not have stylesheet_categories_dressing.css saved in the right folder. I don't know where it is, but it needs to be in
/includes/templates/classic/css/stylesheet_categories_dressing.css.

You also should read and follow the tutorials on making a custom template; the /classic/ folder is intended as an example, not as the template folder you should use.

You are right, the folder stylesheet_categories_dressing.css vas saved in /includes/templates/template_default/css/stylesheet_categories_dressing.css.
Thank you very much, I did it!
Can you tell me in what folder I can correct “All items”? I tried cod

#category-links {
margin:0 0 0 0;
}

in the folders stylesheet.css and in stylesheet_categories_dressing.css.
-not responding.
http://www.giftseshop.com/
Thank you for your help!

[gjh42]

That is a class, not an id, so you need to use it like this:

.category-links {
margin:0 0 0 0;
}

Also find in your stylesheet and change the items in pink to the values shown in green:

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    border: 1px solid #ffaa99 none;
    margin: 0 0 0.4em -2em 0;
    padding: 0;
    }

[Lanadearg]

Yes, it works! Thanks, you're a genius!

[sports guy]

Glen with your help I have this module doing exactly what I want it to. This is a great contribution to Zen Cart.

The only issue I have is regarding to the layout display, if you are using subcategories. That is when you click on a main category, then the center column also displays this same list of your sub categories list in this menu (of course you can add an image to the center if you would like). This is creating duplicate lists side by side. You can see an example here: http://www.lasilhouettelingerie.com/...by-price-c-82/ This same scenario is repeated for any top category in this menu to the left.

Is it possible to make the top categories only, open to show subcategories; instead of going to the top category page when clicked? (that will then have duplicate lists). Another words clicking the top category link would only open the list (and not direct the page to the actual link).