Shop xt:Commerce

Beispiel für CSS Valudierung zum Beitrag http://www.gunnart.de?p=311

Die Dateien

xtc_show_category.inc.php und categories.php

sind auf o.g. Seite bereitgestellt.

Behandelt wurden Categorie 1 und Categorie 2, dito Categorie 3.
Die Categorien werden als Liste ausgegeben und können durch aufgezeigten Code individuell angepaßt werden.

Nachfolgender Code dient zur Anregung, Haftung komplett ausgeschlossen.

---

#CatNavi,

#CatNavi ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#CatNavi {
padding-bottom: 15px; /* Abstand zur nächsten Box */
}

#CatNavi li {
}

#CatNavi li a {
font-weight:normal;
font-size:10pt;
padding-left:10px; /* Navigation komplett nach rechts einrücken */
margin:0px;
}

#CatNavi li.CatLevel1 {
padding-top: 7px;
width: 180px;
display: block;
}

#CatNavi li.CatLevel1 a,

#CatNavi li.CatLevel1 a:link {
width: 180px;
display: block;
color:#FFFFFF;
font-size:10pt;
margin:0px;
background-color: #e988cc;
}

#CatNavi li.CatLevel1 a:hover {
width: 180px;
display: block;
color:#FFFFFF;
font-size:10pt;
background-color: #000000;
}

/* ausgewählter Menüpunkt Level 1 */

#CatNavi li.CatLevel1.Current a {
font-weight:bold;
color:#FFFFFF;
font-size:10pt;
margin:0px;
background-color: #750245;
}

/* ausgewählte 1 Cat sowie ausgewählzer unterpunkt unter Cat 1 */

#CatNavi li.CatLevel1.SubMenue.CurrentParent a {
font-weight:bold;
color:#FFFFFF;
}

#CatNavi li.CatLevel1 li.CatLevel2 {
padding-top: 7px;
color:#000000;
}

#CatNavi li.CatLevel1 li.CatLevel2 a,

#CatNavi li.CatLevel1 li.CatLevel2 a:link {
color:#000000;
font-weight:normal;
font-size:10pt;
background-color: #FFFFFF;
}

#CatNavi li.CatLevel1 li.CatLevel2 a:hover {
color:#FFFFFF;
font-size:10pt;
background-color: #000000;
}

/* ausgewählter Menüpunkt Level 2 bei ausgwählter 1. Cat */

#CatNavi li.CatLevel1 li.CatLevel2.Current a {
font-weight:bold;
color:#000000;
font-size:10pt;
}