xt:commerce - Symantische Kategorieliste
June 25th, 2007Wer Wert auf den symantischen Aufbau seines Onlineshops legt, der wird bei xt:commerce auf viele kleine und größere Hürden stossen.
Die Kategorienübersicht wird in der aktuellen Version 3.04 noch immer mit Tabellen gelöst, was unnötigen Quellcode zum Ergebnis hat und sich auch noch schlecht per CSS gestalten lässt. Zudem leidet bei einer größeren Anzahl von Kategorien die Ladezeit der Seite.
Eigentlich erfinde ich das Rad ungern neu, doch waren mir die Ergebnisse, die ich bei Gunnar Tillmann und Matthias Slovig fand, noch nicht genug :). Es musste noch kürzer gehen.
Der Quellcode der Datei xtc_show_category.inc.php wurde aufs Nötige gekürzt und ausreichend kommentiert. Herausgekommen ist eine übersichtliche Kategorienliste mit zusätzlichen Neuerungen, die noch mehr Möglichkeiten für die Gestaltung bieten:
- korrekt verschachtelte Listen (ul - unordered list)
- der aktuelle Menüpunkt hat die Klasse active
- die übergeordneten Menüs des aktuellen Menüpunktes haben die Klasse active-trail
- Menüpunkte ohne Untermenü haben die Klasse leaf
- Menüpunkte mit Untermenü haben die Klasse collapsed
- Menüpunkte mit geöffnetem Untermenü haben die Klasse expanded
Hier noch eine kleine CSS-Vorlage für eine Beispiel-Gestaltung mit CSS:
ul.menu .active{
font-weight: bold;
}
ul.menu .active-trail{
font-style: italic;
}
ul.menu .collapsed{
font-weight: red;
}
ul.menu .expanded{
font-weight: blue;
}
ul.menu .leaf{
font-weight: green;
}Die Klassen collapsed (geschlossen) und expanded (geöffnet) können für Hintergrundgrafiken genutzt werden, die Unterkategorien signalisieren.
Die geänderte und in eine ZIP-Datei verpackte xtc_show_category.inc.php kann hier heruntergeladen werden. Diese muss dann entpackt und in das Verzeichnis /source/inc innerhalb des aktiven Templates (z.B. …/templates/xtc4/source/inc) kopiert werden. Zur Sicherheit sollte zuvor die zu überschreibende Datei (xtc_show_category.inc.php) gesichert werden.
Downloads:
- Version 1: xtc_show_category.inc.php.zip
- Version 2: xtc_show_category.inc.php.ver-2.zip
