-
2 Attachment(s)
Re: Categories Dressing
Hi Glen,
I've taken on a new project, or rather we're expanding our floristry webiste into a new, wholesale website at www.silkblooms.co.uk/wholesale. I've decided to opt for a new Template Monster 1.5x template this time but I can forsee some problems with the category tree as it's been coded for top level and one sub level category only. Unfortunately, our new site will have top level and then two sub levels so it's acting quite strangely. Can you take a look at the Template Monster demo, then compare it to what we're getting so far:
http://www.templatemonster.com/demo/38409.html
V
http://www.silkblooms.co.uk/wholesal...ain_page=index
Do you think it'd be better to install Categories Dressing in place of the category tree from the templeate? Will it be easy to implement so that the categories look and behanve the way they should, rather than the way they're behaving now?
Click on the "Wedding Collection" category and we'd like it to be more like this:
Attachment 10354
At the moment, it's like this:
Attachment 10353
-
Re: Categories Dressing
I didn't see the way your site was behaving before you installed Categories Dressing on it, so there's not much to say about your initial questions. You certainly can style subcats as desired, with what you already know about Cat Dressing.
-
Re: Categories Dressing
Hi Glen,
I reckoned the easiest way was to install Categories Dressing as the template category tree would have probably needed re-writing. So, I'm trying to make it look like this:
http://www.templatemonster.com/demo/38409.html
This is the first I've used the latest version of Categories Dressing. For the life of me can'tfigure out how to remove the hover background image or the heading that says, "Cat 3 Sample".... I'm sure it'll tell me in this thread somewhere... I'll have a look.
-
Re: Categories Dressing
Hi Glen,
That was easy :) I've removed the headings and the backgrounds colours and borders.... Now I just need to figure out the indents. They seems to be quite large.... Where should I be looking to make the indents much lower?
Also, how would I add a dotted line to seperate all the top level categories, similar to the template file?
-
Re: Categories Dressing
Another question, when a category is open (expanded) is there a way to make it restore (contract) back by clicking on an open (expended) category to make it close?
-
Re: Categories Dressing
we have been using categories dressing on a site with images instead of text for Cat name with no problems until now. We added 3 new categories recently and today one of employees added the code for the images. For whatever reason these are not showing. Is there a limit set somewhere. The code appears fine from what we can see. Everything appears to follow in line with our previous setup of this mod. Any ideas?
-
Re: Categories Dressing
There is no limit on category text>image replacement. Can you post the category image filenames you used?
-
Re: Categories Dressing
limelites - The subcats have margins and padding on the left which can be adjusted in the stylesheet, for example:
stylesheet_categories_dressing.css (line 93)#categories ul ul {/*subcategory lists*/
list-style: none;
/* background: #ffeecc;*/
border: none;
margin: 0 0 0.7em 0;
padding: 0 0 0 0.8em;
}
and under
#categories ul {/*top category lists*/
You may also have had the default Zen Cart subcat indent spacing active; if so, it seems you have now eliminated that.
Dotted lines separating top cats would best be done with something like
border-top: 1px dotted #aabbcc;
in the
#categories ul a {/*top categories*/
rule.
Category menus that expand and contract on clicking can only be done with javascript ("accordion menu"). This would have to be a completely different set of code.
-
Re: Categories Dressing
Hi Glen,
I have a few questions/issues but let's deal with them one at a time. RE the dotted lines to seperate top level categories, I can't seem to get this one. Here's the css in stylesheet_categories_dressing.css:
#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;*/
border-top: 1px dotted #aabbcc;
margin: 0;
padding: 0;
background:none;
font-family:"Times New Roman", Times, serif;
font-size: 1.0em;
text-transform:none;
}
...... it seems to have no effect.
-
Re: Categories Dressing
Hi Glen,
Got the dotted lines working... I'm being really picky here but is there a way to increase the distance between dots? Also, is there a way to remove the top one from above the "Wedding Collection" category?