[ic] Vertical Category List Question
Hostmaster
hostmaster at zipp.net
Thu Nov 13 13:36:09 EST 2003
> Michael -
>
> There may have been a misunderstanding on your part - you need two
> completely separate class definitions for links, such as:
>
> A.barlink:link, A.barlink:active, A.barlink:visited {
> color: yellow;
> font-family: sans-serif;
> font-weight: normal;
> text-decoration: none;
> font-size: 10pt;
> }
>
> A.grouplink:link, A.grouplink:active, A.grouplink:visited {
> color: white;
> font-family: sans-serif;
> font-weight: bold;
> text-decoration: underline;
> font-size: 12pt;
> }
>
> (you could also use catalog variables for the value of each CSS property,
> but it may be just as easy to hard-code them like above).
>
> ... then my changes to the bar_link routine just chose one class or the
> other based on whether bar_link is passed the area or cat table name,
> according to which code in category_vertical is being executed. Please
note
> that I have not tested any of this, and perhaps it will not work...
>
> - Ed
Hi Again Ed,
Thanks for the follow-up. What I have discovered by viewing source is that
the "barlink" is being called for both .grouplink and .barlink.
I did make some modifications to the CSS link pseudo class as such:
A.barlink:hover {
color: __CATEGORYBAR_LINKHOVER__;
font-family: __CATEGORYBAR_FONT__;
text-decoration: __CATEGORYBAR_HOVERDECO__;
}
A.barlink{
color: __CATEGORYBAR_LINKHOVER__;
font-family: __CATEGORYBAR_FONT__;
text-decoration: none;
}
.barlink {
background-color: __CATEGORYBAR_BG__;
color: __CATEGORYBAR_TEXT__;
font-family: __BARLINK_FONT__;
font-weight: bold;
font-size: __BARKLINK_FONTSIZE__;
Then, I modified the .vertcatlist as follows:
.vertcatlist {
list-style-image: url(/~filters/cart/images/items/bullet4.gif);
font-weight: normal;
font-size: 10
}
-----------------
I just finished with this as I received this follow-up post from you.
Result?
I got better than I originally intended. Although it seems only the
"barlink" is being called from your suggested modifications to the
catalog_before.cfg, removing all references to A.link (replacing with
A.barlink), and modifying Ryan Grace's .vertcatlist to change the font
weight and size in the <li>, I got a a nice menu with Product Groups in
slightly larger, bold font, and Categories preceded with the bullet and
slightly smaller, normal font.
It's now perfect. Better than I had envisioned perfect actually.
Thanks for your guidance in this. It was very educational.
Most gratefully,
Michael G.
More information about the interchange-users
mailing list