[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