Categories Dressing

Thank you for your advise :-) Can you help me with one thing? I need decrease high between categories. Where can I set this?

Agent_KGB -
"one more question... how do i remove pictures (arrows) from showing up in front of the category link? "

These are the list-style markers (bullet1.gif, etc.), and to eliminate them, change the

list-style: disc inside url(../images/bullet1.gif);

to

list-style: none;

as the comments in stylesheet_categories_dressing.css describe.

There are a couple of places where you have unnecessary padding:```
#categories li.cat-promuze a {
background: url(http://www.sexsho ponline.cz/obchod/includes/templates/classic/images/muzi.gif) no-repeat left center;
color: #FFFFFF;
text-align: left;
padding: 0.8em 0em 1em 3.5em;/this moves the text away from the left to leave space for the image/
}

#categories li.cat-afrodisiaka a {
background: url(http://www.sexshopo nline.cz/obchod/includes/templates/classic/images/muzi2.gif) no-repeat left center;
color: #FFFFFF; 
text-align: left;
padding: 0.8em 0em 1em 3.5em;/*this moves the text away from the left to leave space for the image*/
}

This gives 0.8em on top and 1em on bottom. Reduce these as desired. If the background image loses the gradient line, then you can use background-position to fix that.

It looks like the line is at the bottom of the background; if so, 

background-position: center bottom;

should make the bottom of the image line up with the bottom edge of the category.


Also, instead of this

url(<http://www.sexshoponline.cz/obchod/includes/templates/classic/images/muzi2.gif>)

you should use this

url(../images/muzi2.gif)

It does the same thing, and if you make a test copy of your site elsewhere (like on your local pc), it will still work there. The original version will only work for the location where your shop is now.

I have a big problem, I have my categories menu with non-linked headings in a specific place and everything is fine until I sometimes add another category with a non linked heading and this then replaces a different category with a white box with the image name "pixel_trans.gif". What makes it more confusing is after adding this extra heading in the categories_dressing_defines.php file it is not reversible if I take the extra line of code back out again. The only way around this that I have found is to make a complete new category and add and link all the products back into it.
Surely this is a bug somewhere and can be fixed?

I will need to see your site to begin to diagnose your problem. Once I have a look at its current state, I will want you to reproduce the problem if you can, so I can see it in "action".

gjh42:

I will need to see your site to begin to diagnose your problem. Once I have a look at its current state, I will want you to reproduce the problem if you can, so I can see it in "action".

Thanks for your reply if you go to
http://www.kirkgateflowers.co.uk

and it's the category £30-£40 between the Under £30 and Over £40 categories.

<li class="cat-top"><a class="cat-not-selected catBg8" href="http://kirkgateflowers.co.uk/index.php?main_page=index&cPath=8"><img src="includes/templates/template_default/images/pixel_trans.gif" alt="" width="100%" height="100%" title="£30 - £40" /></a></li>
```This indicates that you have an image /buttons/english/catbg8.gif. If you do not intend to have a background image for this category, you need to eliminate this image from that folder. (Even though the bg image exists, it will not show unless you make a stylesheet declaration for it. This is a function that the code cannot automate.) Make sure that all unused images are cleared out of that folder.

You have used the "catbg#.gif" format for your heading image names. While the heading code accepts that with no problems, that kind of filename triggers a category name to be replaced if the filename matches the category cPath.

You should use the "cathead#.gif" format suggested in the readme, or something else not related to the dedicated Categories Dressing conventions.

I think I have cracked it now, the images were called catbg8.gif etc and this seem to conflict with the category number 8 so I have renamed them all and deleted the images off the server and all seem fine.
Thanks for your help anyway

Matt

Good to see that you figured out the problem and the solution by yourself. As you have discovered, any naming scheme that doesn't interfere with the category id system will work fine.

That's a nice-looking site you have, very clean and easy to use.

gjh42:

/example for individual category as bg image/
#categories li a.catBg2 {
background-image: url(../images/zacatek.gif);
height: 30px;
}

#categories li a.catBg2:hover {
background-image: url(../images/catbg25hover.gif);
}

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

.promuze {
border-top: 1px dotted #112233; 
color: #000000; 
background-image: url(../images/zacatek.gif);
}

ul#catGroup2 {
background-image: url(../images/zacatek.gif);
background-repeat: no-repeat;
}

I am trying something along these lines but not as complex.  I simply want the top level categories to appear in bold type font so that they stand out a little more.

I have tried to follow what appears simple code:

tpl_categories.php:
```php
      case ($box_categories_array[$i]['path'] == 'cPath=1'):
        $new_style = 'holiday';
        break;

stylesheet_categories_dressing.css:

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

I would of course manipulate the css to simply bold type case if I could get it to work at all. When I upload this content it seems to have no effect whatsoever.

Can anyone see where I'm going wrong?

You're using a sledgehammer to crack a nut.
To make top categories bold font, if you are using Categories Dressing, add to the generic stylesheet rules```

#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;
font-weight: bold;
}

#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: circle inside url(../images/bullet1.gif);/change to list-style: none; to remove bullet/
background: #ffddbb;
border: none;
margin: 0;
padding: 0;
font-weight: normal;
}

The "bold" sets the weight to bold for all categories, and the "normal" sets it back to normal for subcategories.

Another way to do the same thing would be to add a new rule```
#categories li.cat-top a {
    font-weight: bold;
    } 

I like that expression, a sledgehammer to break a nut :-)

I've tried what you suggest by simply copying and pasting the code you supplied in the stylesheet_categories_dressing.css file (I pasted ALL 4 blocks of code). Nothing, nada, nichts.

I even tried to paste the code into my main stylesheet.css file just to see what happened (nothing)

It's really weird it's as if the stylesheet is having no effect whatsover on the categories dressing sidebox.

ahhhhhh... do you think maybe the stylesheet is having ZERO control over the categories dressing because I'm using it with ch_categories mod combined?

UPDATE: That's exactly what's happening. When I switch on the original categories sidebox and replace the expanded categories sidebox, then the stylesheet does exactly what it's supposed to.

Is there a way to point the stylesheet at the expanded categories sidebox instead of the original categories sidebox?

glenn hi

back on post #75 you explain how to hide a categorie but i need to hide 3 categories and i cant figure out :(

anybody??

thank you

Limelites -
Unfortunately, the Cat Dressing stylesheet will do nothing for the expanded categories sidebox, because most of the tags are different, and there are elements in each mod that do not exist in the other one. I am thinking about how to combine Cat Dressing with the Simple Categories Tree mod, but don't expect it any time soon.
V2.0 may be easier to get this functionality from. (SCT can definitely do it, but I'm not sure how much of it will transfer to v2.0.)

Just repeat the test for the other two cPaths:```php
if (($box_categories_array[$i]['path'] == 'cPath=23') or ($box_categories_array[$i]['path'] == 'cPath=42') or ($box_categories_array[$i]['path'] == 'cPath=57') or zen_get_product_types_to_category($box_categories_array[$i]['path']) == 3 or ($box_categories_array[$i]['top'] != 'true' and SHOW_CATEGORIES_SUBCATEGORIES_ALWAYS != 1)) {
// skip if this is for the document box (==3), or category 23, 42, 57
} else {

If using Cat Dressing, you can replace
($box_categories_array[$i]['path'] == 'cPath=23')
with
($current_path == '23')

Replace the 23 with the correct cPath for your category so it reads (say) 'cPath=4_37'.

Hi Glen,

Fortunately, catimg1.gif, catimg2.gif, catimg.26.gif, etc., etc., are still recognised by the expanded categories mod. This was my workaround.... basically uploaded bold font gifs to my buttons folder.

hi

i try that but im only see my header nothing else i have this
in my test site

}
$current_path = str_replace("cPath=","",$box_categories_array[$i]['path']);
if (($current_path == '31') or zen_get_product_types_to_category($box_categories_array[$i]['path']) == 3 or ($box_categories_array[$i]['top'] != 'true' and SHOW_CATEGORIES_SUBCATEGORIES_ALWAYS != 1)) {
// skip if this is for the document box (==3), or category 23, 42, 57
} else {
if (($current_path == '101') or zen_get_product_types_to_category($box_categories_array[$i]['path']) == 3 or ($box_categories_array[$i]['top'] != 'true' and SHOW_CATEGORIES_SUBCATEGORIES_ALWAYS != 1)) {
// skip if this is for the document box (==3), or category 23, 42, 57
} else {
// categories dressing - add divider above specified cats
if(in_array($current_path, explode(",",'3,22,21_56'))) { //replace numbers with your cat ids separated by commas
$content .= '<hr class="catBoxDivider" />' . "\n";
}

  }

thanks

I down loaded the Categories Dressing, there was no readme files or instructions, all was there are an includes folder. Did I download the wrong file. my site www. currysgiftshop.com