Menüliste formatieren

cherry

Gut bekanntes Mitglied
7. Mai 2010
107
0
Hallo,
bei meinem Shop habe ich eine einfache Menüliste die ich gerne formatiert hätte, aber irgendwie bekomme ich das nicht hin.

So soll Sie aussehen:

Kategorie A
Kategorie B
Artikelgruppe 1
Artikelgruppe 2
Kategorie C

So sieht es auch bei mir aus, nur wenn ich auf Artikelgruppe 1 klicke, sieht es so aus:

Kategorie A
Kategorie B
Artikelgruppe 1
Artikelgruppe 2
Kategorie C

Es soll aber so bleiben wie im oberen Beispiel.
Definiert wird das Ganze in der CSS-Datei und in der Datei function.php
Die Kategorien bekommen als class (kategorie) und die Artikelgruppen (kategoriesub). Wenn ich aber auf eine Artikelgruppe klicke, erhalten alle Punkte die class (kategorie).

Kann mir da jemand weiterhelfen?
 

cherry

Gut bekanntes Mitglied
7. Mai 2010
107
0
AW: Menüliste formatieren

Hallo,
du hast mir ja gestern schon ein Stück geholfen - DANKE
Wie erwähnt, läuft mein Shop bei mir lokal, aber dennoch hier mal der Code aus der Datei function.php wo die Menüzustände verteilt werden:
$aktKat = new Kategorie($AktuellekKategorie);
if ($aktKat->existierenUnterkategorien())
{
$html.='<tr height="26px"><td class="kategoriesub" style="padding-left:'.$padding.'px;"><img src="'.$currentTemplateDir.'gfx/menu-punkt-select.png" width="8" height="9" border="0" alt=""> <b><a href="'.$Kategorie->cURL.'">'.$Kategorie->cName.'</a></b></td></tr>';
$padding+=10;
$VerzweigungsKategorie = array_pop($RestArray);
$UnterUnterKategorien = new KategorieListe();
$UnterUnterKategorien->getAllCategoriesOnLevel($VerzweigungsKategorie->kKategorie);
foreach ($UnterUnterKategorien->elemente as $UKategorie)
$html.='<tr height="26px"><td class="kategoriesub" style="padding-left:'.$padding.'px;"><img src="'.$currentTemplateDir.'gfx/menu-punkt-sup.png" width="8" height="9" border="0" alt=""> <a href="'.$UKategorie->cURL.'">'.$UKategorie->cName.'</a></td></tr>';
}
else
{
$html.='<tr height="26px"><td class="kategorieselected" style="padding-left:'.$padding.'px;"><img src="'.$currentTemplateDir.'gfx/menu-punkt-select.png" width="8" height="9" border="0" alt=""> <a href="'.$Kategorie->cURL.'">'.$Kategorie->cName.'</a></td></tr>';
}
}
else
{
$html.='<tr height="26px"><td class="kategorie" style="padding-left:'.$padding.'px;"><img src="'.$currentTemplateDir.'gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="'.$Kategorie->cURL.'">'.$Kategorie->cName.'</a></td></tr>';
if ($RestArray[count($RestArray)-1]->kKategorie == $Kategorie->kKategorie)
$html.=gibKategorienHTML(array_pop($RestArray), $RestArray, $tiefe+1, $AktuellekKategorie);
}
}
return $html;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Die CSS-Sache sieht so aus:

.kategorien{
background: #ffffff;
font-weight:normal;
}
td.kategorie{
font-weight:bold;
}
td.kategoriesub{
font-weight:normal;
}
td.kategorieselected{
font-weight:bold;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.
 

cherry

Gut bekanntes Mitglied
7. Mai 2010
107
0
AW: Menüliste formatieren

Hallo,
ändert sich leider nichts, die Klasse "kategorie" mit der die Hauptmenüpunkte belegt sind, weitet sich nach Klick auf einen Unterpunkt auch auf die Unterpunkte aus. Die Unterpunkte sollen aber weiterhin "normal" sein.
 

Zillis-Web

Guest
AW: Menüliste formatieren

mich wundert ja eh die Sache mit dem CSS, wo in der Kategorienavigation ist denn noch eine Tabelle drin, das ist doch eigentlich als Liste mit "categories" definiert???
 

cherry

Gut bekanntes Mitglied
7. Mai 2010
107
0
AW: Menüliste formatieren

Das ist der Quelltext nach aufruf der Seite:

<table class="kategorien" cellpadding="0" cellspacing="0" width="100%" style="padding:0px;margin:0px;"><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 1">Kategorie 1</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 2">Kategorie 2</a></td>
</tr><tr height="26px">
<td class="kategoriesub" style="padding-left:20px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Artikel 1">Artikel 1</a></td>
</tr><tr height="26px">
<td class="kategoriesub" style="padding-left:20px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Artikel 2">Artikel 2</a></td>
</tr><tr height="26px">
<td class="kategoriesub" style="padding-left:20px;"><img src="templates/testshop/gfx/menu-punkt-select.png" width="8" height="9" border="0" alt=""> <a href="Artikel 3">Artikel 3</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 3">Kategorie 3</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 4">Kategorie 4</a></td>
</tr>
</table>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Und hier ist der Quelltext wie er nach anklicken eines Artikels aussieht:
Die beiden fett markierten Klassen müssten eigentlich weiterhin kategoriesub anstatt kategorie heißen.

<table class="kategorien" cellpadding="0" cellspacing="0" width="100%" style="padding:0px;margin:0px;"><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 1">Kategorie 1</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 2">Kategorie 2</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:20px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Artikel 1">Artikel 1</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:20px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Artikel 2">Artikel 2</a></td>
</tr><tr height="26px">
<td class="kategorieselected" style="padding-left:20px;"><img src="templates/testshop/gfx/menu-punkt-select.png" width="8" height="9" border="0" alt=""> <a href="Artikel 3">Artikel 3</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 3">Kategorie 3</a></td>
</tr><tr height="26px">
<td class="kategorie" style="padding-left:10px;"><img src="templates/testshop/gfx/menu-punkt.png" width="8" height="9" border="0" alt=""> <a href="Kategorie 4">Kategorie 4</a></td>
</tr>
</table>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.
 

Zillis-Web

Guest
AW: Menüliste formatieren

Sorry - korrigier mich gewaltig:

das scheint eine Shop3-Version aus den Anfangtagen des Shop3 zu sein. Hatte gerade ein Template von Dez.2010 in der Mache und da waren diese Pfade.

Also ganz schnell ert einmal updaten auf eine neue Version, damit erledigt sich dann schon mal einiges.
 

cherry

Gut bekanntes Mitglied
7. Mai 2010
107
0
AW: Menüliste formatieren

Ups, sorry, das ist wohl der falsche Forumsbereich. Ich habe einen JTL2- Shop.

Kann mir trotzdem jemand weiterhelfen?
 

Zillis-Web

Guest
AW: Menüliste formatieren

tja, damit wird es schwierig, da auch JTL selbst keinen Support mehr dafür anbietet würde ich mir schleunigst einen Shop3 zulegen.
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Top Bottom