Categories Dressing

[brickship]

Hi I love your mod.

I have read 122 pages and almost all of my questions have been answered!

I have a multilingual question.

I am trying to implement catbg#.gif, hover, and selected for both English and Japanese.

If I don't add Japanese images to the japanese/buttons folder the category stays in text format, but if I upload Japanese images using the catbg#.gif format they show up but only in English. Most likely from the english/buttons folder.

What do you think I need to add, fix, re-code to make it look for the Japanese images.

Thank you for taking the time to look into this.

Regards,
Jason
brickship.com

[gjh42]

That is a very strange problem. I see the basic effect you mentioned, but I also see that when displayed in Japanese, the categories list in different order. Is that supposed to be so? Is it Japanese alphabetical order, and to be expected?

I don't know anything about actually using multiple languages. I would expect that the Cat Dressing code would only check in the selected language folder for the existence of an image; since the category appears as text if there is no Japanese image, that appears to be working correctly.
The problem may be in the stylesheet. There is a standard stylesheet which sets background-images for selected categories in standard/hover/selected states; this will only use the original language folder.

You need a japanese_stylesheet.css file with different versions of these rules calling for the /japanese/buttons/ folder. (See /includes/templates/template_default/css/CSS_read_me.txt for more information.

I will work up an addition to the Cat Dressing readme to cover this situation, since it appears it will always be applicable when multiple languages and per-category background-images are in use.

[brickship]

Hi thank you for your reply.

Yes the categories are in Japanese alphabetical order.
I read the css.txt and I see how I can create a Japanese version.

I looked through my stylesheet and couldn't find any calls for background images or even categories.

Would I need to create my own?

Unless it is one of these
#navCatTabs ul li a, #navEZPagesTop a {
color: #000; /* color of ezpages and category tabs links */
font-weight:bold;
}

#navCatTabs ul li a:hover, #navEZPagesTop a:hover{
color: #fff; /* hover color of ezpages and category tabs in header */
font-weight:bold;
}

a:link {
color: #000; /* main site link color unless defined somewhere else */
text-decoration: none;
}

a:visited {
color: #000; /*main site link visited color unless defined somewhere else */
text-decoration: none;
}

a:hover {
color: #000; /*main site link hover color unless defined somewhere else */
}

a:active {
color: #000; /*main site link active color unless defined somewhere else */

Again thanks for the help

[adi2009]

adi - Here is a new case 7 that should give the fourth level subcats only when at the fourth level.

      case 7:// active subtree, active branches only, only 1st & 4th level - treat first subcat like top - customized 20100205 for madijelovi
        if($cPath_top != $path_top){//only 1 top cat's subs
          $skip_cat = 1;
          break;
        }
        if($cat_depth == 1){//show all first level  subs
          break;
        }
        if($cat_depth == 4 and substr_count($_GET['cPath'],'_') == 4){//check 4th level for active parent, only for $cPath depth 4
          $path_ids = explode('_',$path);
          $path_parent = $path_ids[count($path_ids)-2];
          if (in_array($path_parent,explode('_',$_GET['cPath']))) break;//show only subcats w parent in $cPath
        }
        $skip_cat = 1;//skip all others
        break; 

it works great, thanks again Glenn

[gjh42]

brickship - The standard stylesheet I was referring to is stylesheet_categories_dressing.css; that is where you had to add rules so the background image for Aircraft would show up. Copy the rules with language-specific background images to japanese_stylesheet.css. You want to copy only the background image specifications.

[Kinvart]

Hello,

i am trying to replicate www.kinvart.si/temp/elegance2.jpg this site.

So far, this is what i have done www.elegance.si/store

What do i have to do in order to get my categories and sub categories colored as in my example page?

Thank you for your help!

Miha

[gjh42]

The top categories need to be "special" as described in the comments in tpl_categories.php:

    switch(true) {
// to make a specific category stand out define a new class in the stylesheet example: A.category-holiday
// uncomment the select below and set the cPath=3 to the cPath= your_categories_id
// many variations of this can be done
//      case ($box_categories_array[$i]['path'] == 'cPath=3'):
//        $new_style = 'category-holiday';
//        break;
      case ($box_categories_array[$i]['top'] == 'true'): 

Like this:

// many variations of this can be done
      case ($box_categories_array[$i]['path'] == 'cPath=8'): //Moski cevlji
        $new_style = 'category-moski';
        break;
      case ($box_categories_array[$i]['path'] == 'cPath=10'): //Otroski cevlji
        $new_style = 'category-otroski';
        break;
      case ($box_categories_array[$i]['top'] == 'true'): 

Add to your stylesheet

    }/*example for custom individual category styling*/
#categories li.category-moski a {
    background-image: url(../images/moski_bg.gif);
    background-repeat: none;
    padding: 2px 0 2px 23px;
    }

#categories li.category-otroski a {
    background-image: url(../images/moski_bg.gif);
    background-repeat: none;
    padding: 2px 0 2px 23px;

/*example for custom category group styling*/
ul#catGroup8 {
    background-color: #bbeeff; 
    }

Adjust and add properties as required.

You will want to change top categories to list-style: none; and set the desired list-style image for subcategories.

[dreamoutlaw]

I am a noob to this forum. Don't know if I posted to the right thread. My apologies. I purchased a template from templatemonster.com. Literally spent months modifying it. I had it just about right, then I found the perfect mod in Cat Dressing. The mod is great, and does produce the expanded categories as I had hoped. However, when the mod is activated, it restores the header and background graphics, in the category sidebox, which were intentionally removed in this template design. I would like to remove these attributes, and show the category box without header and background graphics. I can change almost everything in stylesheet_chcategories.css, but these features appear to be loaded in a .php file, not a .css file. It looks like they are called in the first few lines of ch_categories_tree_generator.php, but I can't figure it out. Any suggestions would be greatly appreciated!
My site is located at:
http://www.doreggie.com/leach_cart

Thank you!

[Kinvart]

The top categories need to be "special" as described in the comments in tpl_categories.php:

    switch(true) {
// to make a specific category stand out define a new class in the stylesheet example: A.category-holiday
// uncomment the select below and set the cPath=3 to the cPath= your_categories_id
// many variations of this can be done
//      case ($box_categories_array[$i]['path'] == 'cPath=3'):
//        $new_style = 'category-holiday';
//        break;
      case ($box_categories_array[$i]['top'] == 'true'): 

Like this:

// many variations of this can be done
      case ($box_categories_array[$i]['path'] == 'cPath=8'): //Moski cevlji
        $new_style = 'category-moski';
        break;
      case ($box_categories_array[$i]['path'] == 'cPath=10'): //Otroski cevlji
        $new_style = 'category-otroski';
        break;
      case ($box_categories_array[$i]['top'] == 'true'): 

Add to your stylesheet

    }/*example for custom individual category styling*/
#categories li.category-moski a {
    background-image: url(../images/moski_bg.gif);
    background-repeat: none;
    padding: 2px 0 2px 23px;
    }

#categories li.category-otroski a {
    background-image: url(../images/moski_bg.gif);
    background-repeat: none;
    padding: 2px 0 2px 23px;

/*example for custom category group styling*/
ul#catGroup8 {
    background-color: #bbeeff; 
    }

Adjust and add properties as required.

You will want to change top categories to list-style: none; and set the desired list-style image for subcategories.

I did everything exactly as you said, but have no luck... The menu stays the same.

Am i editing the right files?

.../includes/templates/template322/sideboxes/tpl_categories.php

and

.../includes/templates/template322/css/stylesheet_categories_dressing.css

[gjh42]

dreamoutlaw - You have a Template Monster template, which has added a host of extra divs and spacers to the standard sidebox layout. The chcategories feature changes the sidebox id to #chcategories. Anything you had applied to #categories by name needs to be transferred to #chcategories. You can add this to stylesheet_chcategories_dressing.css

#chcategories .box_head_top, #chcategories .innerbox3 {display: none;}

.innerbox3 is the very informative name TM gives to the sidebox heading (which would be #chcategoriesHeading in standard Zen Cart structure).
For the rest of the background, I'm not sure exactly what you want to remove, and it may take a bunch of classes to do it. You should be able to transfer what you already worked out.