Kategorie Design

[Denny-Lee]

Hi ihr Lieben,

wie ihr euch denken könnt habe ich ein Problem mit dem Kategorien, meine Google Ergebnisse brachten mich leider nicht weiter.

Ich habe einen Onlineshop erstellt
http://www.kokko-shop.de

Sieht auch alles gut aus und funktioniert. Doch mir ist etwas aufgefallen was mich stört. Und zwar möchte ich das jede Kategorie eine andere Farbe bestitzt also wie hier neue Farbe für Schmuck, Instrumente und so weiter. Im CSS färbt es allerdings alle gleich in der selben Farbe, habt ihr einen Lösungsvorschlag?

Gruß Denny

[ccisco]

Du müsstest jedem Punkt in der Liste eine eigene ID zuweisen.

So sieht dein Menü derzeit aus:

<ul id="categorymenu">
<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=1">Lampen</a></li>
<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=2">Schmuck</a></li>
<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=3">Musikinstrumente</a></li>
<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=4">Kerzen/Windlichter</a></li>
<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=5">Artikel bis 10,-€</a></li>
<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=6">Dekoration/Geschenke</a></li>
</ul>

Jedem Listenpunkt eine eigene ID zuweisen (der Name jeder ID muss eindeutig sein!):

<ul id="categorymenu">
<li id="eindeutigeID1" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=1">Lampen</a></li>
<li id="eindeutigeID2" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=2">Schmuck</a></li>
<li id="eindeutigeID3" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=3">Musikinstrumente</a></li>
<li id="eindeutigeID4" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=4">Kerzen/Windlichter</a></li>
<li id="eindeutigeID5" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=5">Artikel bis 10,-€</a></li>
<li id="eindeutigeID5" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=6">Dekoration/Geschenke</a></li>
</ul>

Den IDs kannst du jetzt per CSS Farben zuweisen, z. B. so:

#eindeutigeID1 { background: red }
#eindeutigeID2 { background: green }
#eindeutigeID3 { background: yellow }
...

[Denny-Lee]

oh vielen Dank, sieht nun schon besser aus hätte nicht gedacht das es so einfach geht.
Habe nur noch eine Frage, und zwar macht es nun die Unterkategurien beim Schmuck nicht mehr mit, woran liegt das?

Gruß Denny

[GoriBoy]

das ist ja auch momentan mein problem..

wäre nett wenn sich einer diesbezüglich meden würde..

Danke schonmal
Gruß
GoriBoy

[Denny-Lee]

Man kann zwar auch eine <li> für die Unterkategorien einfügen, doch dann steht es gleich von Anfang an da und wird nicht ausgeklappt .

[GoriBoy]

yep, so isses, sieht ja unschön aus da wir unzählige unterkategorien haben..
na dann, hoffen daß sich da was tut und irgendeiner hier im forum hilft uns..

solltest du was rausfinden, melde dich bitte, ich tus auf jeden fall..

Gruß
GoriBoy

[Denny-Lee]

Natürlich, sage auf jedenfall was, ich bin jetzt schon selber Wochenlang am tüfteln, bin mir sicher das das an der id liegt, wenn man jeder Kategorie eine id zuweisen könnte, ohne sie als <li> auszugeben müsste es eig klappen.

Außerdem habe ich es schon bei Shops gesehen das es möglich ist.

Gruß Denny

[GoriBoy]

Zitat von Denny-Lee

Natürlich, sage auf jedenfall was, ich bin jetzt schon selber Wochenlang am tüfteln, bin mir sicher das das an der id liegt, wenn man jeder Kategorie eine id zuweisen könnte, ohne sie als <li> auszugeben müsste es eig klappen.

Außerdem habe ich es schon bei Shops gesehen das es möglich ist.

Gruß Denny

??? an der id?
meine vermutung ist daß es an der level geschichte liegt..
gib mal bitte links zu den shops, vielleicht finde ich da was raus..

Gruß
GoriBoy

[Denny-Lee]

das z.b.

http://osc3.template-help.com/osc_21913/index.php

allerdings wächselt es hier nur dir streifen ab...

[GoriBoy]

ok, das ist ja kein problem..
das kannst ja so machen..
<class="{cycle values="contentrow1,contentrow2"}">
dann definierts du in der css datei die farbe für den contentrow1 und für den 2... durch den befehl cycle values werden dann hintereinander die farben ausgegeben.. kannste beliebig erweitern..

ich überlege ob ich das bei den normalen farben bleibe, ich habs mit direkten links gemacht und ist mir a bisserl zu bunt..

Gruß
GoriBoy