Categories Dressing

Thanks Glen, I've changed it although it did seem to work both ways... Changed anyway :-)

Tell me, do you run IE8? I seem to have an issue with this modification in compatibility view. The line spacing on the new group 1_29 is not as big as the old group 1_26 and it's pretty noticeable.... Any idea what's causing that?

I can't even install IE7 on my home computer (Win2k). I just looked in IE6 and I see the 1_29 group with the same line spacing as the 1_26 group, but the whole thing about 5px higher than it should be. Guess it's time for some IE conditional code or hack, or an IE-only supplemental stylesheet (there is a mod in Free Addons for this).

I do have an IE only stylesheet.... maybe I need an IE6, IE7 and IE8 sheet!! With compatibility mode off in IE8, the right column group 1_29 is sitting a few pixels **lower **than the left (even though I'm using a separate IE stylesheet for this, changing the position up a few pixels makes no difference whatsoever...it affects the position in compatibility mode but not in IE8 raw.)

Nope can't figure this one out at all. I hate IE :yuck:

I reverted back to your first code and this seems to cure the IE8 issues.

So, I used this instead:

#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: relative;
width: 70px;
height: 0;
top: -77px;
left: 70px;
}

but I have to add this to IE7 stylesheet:

#catGroup1_29 {top: -84px;}

The trouble I still get is with IE8 in compatibility mode, the line-height seems to be much smaller than the 1_26 group. I've tried adding a line-height:1.5em; to the IE7 stylesheet but I can see from the IE8 developer tool that it's crossed out immediately as though it's being overridden.... I'll move this to a new thread Glen as it's starting to get off topic.

possible to hide this mod (category sidebox) on just the main/home page?

See the tutorial: I want to suppress the display of some of my sideboxes on my front page, but still have them show on all other pages.

can't seem to get that to work thanks anyways

Is there a way to have it so that the background image for the category images some how be set up to use sprite images? I see that you have to name each image for every category that you want a image for with it's category cPath. I want to set it up so that I can use one image and tell the image position based off of the category cPath. This would create fewer HTTP requests on the sever.

I was also wondering if there is a way to fix it for the categories that are too long to stay on one line. I want to align the text for the second line with the first line.

For the alignment, you will need to change the list-style from inside to outside, and then give the list items more left margin.

#categories ul a {/*top categories*/
    display: list-item;
    list-style: disc outside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: no-repeat;
    border: none;
    margin: 0 0 0 2.3em; /*adjust to taste*/
    padding: 0;
    }
```Repeat for subcategories. Note - the margin might need to be applied elsewhere - I haven't tested this yet.

Using sprites would require fundamentally changing the way category name/image replacement works - the code uses the individual names as triggers for the replacement to happen automatically, and only when there is an image to use. Sprites would require essentially hard-coding for the particular set of categories. So while it would be very nice to reduce the number of image calls, it's not going to happen any time soon unless you want to rework the code.

gjh42:

For the alignment, you will need to change the list-style from inside to outside, and then give the list items more left margin.

#categories ul a {/top categories/
display: list-item;
list-style: disc outside url(../images/bullet1.gif);/change to list-style: none; to remove bullet/
background: no-repeat;
border: none;
margin: 0 0 0 2.3em; /adjust to taste/
padding: 0;
}

When I do this all that happens is it pushes the bullet to the left. It does not align the two lines of text up with each other.

Also, I was wondering. When you are using the option to hide the top category when viewing a subcategory. Why does the top category comes back when you go to view one of the products? Is there a way to still hide the top category when you are viewing the products?

-Nevermind -

OK, I haven't yet found a way to get the indent to go away except by eliminating all left margin & padding on the #categories ul ul {} as well as #categories ul ul a {}, which messes up the rest of the layout.

"When you are using the option to hide the top category when viewing a subcategory. Why does the top category comes back when you go to view one of the products? Is there a way to still hide the top category when you are viewing the products? "

I see the problem. Not sure yet what is causing it - I'll look into it.

Maybe it has something to do with the way your SEO mod outputs the URL? I notice on the product page it is like
.jhelectronics.com/exrs-digital-2way-radio-with-fhss-p-52912.html (no categories specified) while the product listing page has
.jhelectronics.com/way-radios-exrs-radios-amp-accessories-c-1_22_266.html

Obviously one would need to understand how that SEO mod works and interfaces with ZC core to know if this has a bearing.

Maybe it has something to do with the way your SEO mod outputs the URL? I notice on the product page it is like
.jhelectronics.com/exrs-digital-2way-radio-with-fhss-p-52912.html (no categories specified) while the product listing page has
.jhelectronics.com/way-radios-exrs-radios-amp-accessories-c-1_22_266.html

Obviously one would need to understand how that SEO mod works and interfaces with ZC core to know if this has a bearing.

I'm using Simple Seo Url 3.5.8. I found an option in the SEO admin that says "Add cPath to product URLs?". I turned that option to True. That appears to fix the problem.

Now I just need to get the indent problem fixed.

Glad to hear that it is fixed, and that the mod has that kind of detailed control.

Glen, I'm sorry if this is a little off topic, but I just know you'll be able to help.

When I click on my lingerie or my jewelery categories, instead of the products in their sub categories displaying at random, I'm presented with, "sorry, there are no products in this category".

Is there a way to make the products in lingerie>sets display at random when lingerie is selected?

enddes:

How do I remove the categories dressing?

gjh42:

Just delete the files that are included in the mod (see the readme for a list.)

What were you trying to do that you installed it for originally? Depending on your intentions, you may need this mod - I can't tell without more info.

I have a problem that might be being caused by categories dressing. The problem is only seen in IE8 and Firefox so I want to remove the categories dressing to see if it cures the problem.

I deleted all the files as suggested in the post above, but this left me with no sideboxes at all. Does anyone have any idea what I'm doing wrong?

Thanks
Suekay

Deleting the Cat Dressing files correctly will have no affect on other sideboxes. Someone will have to look at your file/folder structure and find out what you did. You might try comparing it against a fresh set of ZC files.

I am heading out of town for two weeks and will not have computer access, so will be unable to advise for a while.

gjh42:

Deleting the Cat Dressing files correctly will have no affect on other sideboxes. Someone will have to look at your file/folder structure and find out what you did. You might try comparing it against a fresh set of ZC files.

I am heading out of town for two weeks and will not have computer access, so will be unable to advise for a while.

Has anyone had any trouble using categories dressing with IE8 and Firefox 3.5? My left side box background is white where it should be grey as in IE7. Here's the link http://www.letmelearn.co.uk/

Thanks
Suekay