Kategorie-Box: abwechselnde CSS-Deklaration

[plusPlus]

Hallo @ all,
in meinem Shop würde ich gerne in der Kategorien-Box für alle level1-Elemente immer abwechselnde CSS-Deklarationen realisieren, vereinfacht gesagt, abwechselnde Hintergrundfarben bzw. Grafiken. Meine Idee: In der xtc_show_category.inc.php muss man eine if/else Abfrage integrieren, welche checkt, ob die Kategorie-ID gerade oder ungerade ist und demnach <li class="level1"> oder <li class="level1b"> angewandt werden soll.

Ist das so möglich? Was passiert, wenn man Kategorien anders ordnet, löscht, ausblendet etc? Gibt es einen anderen Weg?

Danke
Sebastian



Linkback: https://www.modified-shop.org/forum/index.php?topic=11129.0

[Matt]

Die Kategorien-ID ist keine verlässliche Quelle für dein Vorhaben. Warum das so ist hast du dir schon selber beantwortet.

Entweder, du lässt einen Zähler mitlaufen, der dem Element eine zusätzliche Klasse hinzufügt (nicht level1 ändern, weil du dann alles, was für level1 gilt, für level1b nachführen müsstest!).

Code: PHP  [Auswählen]

<ul id="categorymenu">
<li class="level1 odd">1. Menüpunkt</li>
<li class="level1 even">2. Menüpunkt</li>
</ul>
 

Und dann .odd und .even entsprechend Farben zuweisen. Oder rein über CSS:

Code: CSS  [Auswählen]

#categorymenu li:nth-child(odd) {
    background-color:#EEE;
}
#categorymenu li::nth-child(even) {
    background-color:#FFF;
}