Template nav_default

**Kenzolina** · 23.05.2016, 20:43

Hallo zusammen

Ich habe eine horizontale Hauptnavigation und eine vertikale Unternavigation in der linken Spalte. Abhängig davon, welche Hauptnavigation angeklickt wurde, soll die Unternavigation eine andere Farbe bekommen. Aber wie bekomme ich im php code des Templates den title oder die class des li das gerade angeklickt wurde. $this->parent->title funzt natürlich nicht. Aber wie dann? Habe leider gar keine Idee wo ich da nachsehen müsste. Also falls es jemand weiss und/oder mir die entsprechende Doku angeben kann, wäre ich sehr dankbar.

Viele Grüsse
Martina

**derRenner** · 23.05.2016, 20:53

Hallo,

link zur Seite?
Gib in der Seitenstruktur deinen Seiten eine class mit

Die Klasse wird sowohl in der Navigation als auch im <body>-Tag verwendet.

Und mit dieser class färbst du die Unternavigation via CSS ein

**07alex07** · 23.05.2016, 20:55

du hast doch immer die Klassen zb. level_1, level_2 usw...damit kannst du die Subnav einfärben

**derRenner** · 23.05.2016, 20:58

Zitat von 07alex07

du hast doch immer die Klassen zb. level_1, level_2 usw...damit kannst du die Subnav einfärben

level_1, level_2, ... bleiben immer level_1, level_2, ... und unterscheiden sich dann nicht mehr je nach angewählter Seite, somit muss hier zumindest noch dem level_1, level_2, ... mitgeteilt werden auf welcher Seite sie sich befinden » das kann eben über die class der Seite selbst umgesetzt werden.

**07alex07** · 23.05.2016, 21:06

naja wenn sie das pro Seite eine andere Farbe haben möchte, dann ja.
Ansonsten gibt es ja die Klasse

Code:

.active .level_2

bzw.

Code:

.trail .level_2

....oder versteh ich ihr Problem nicht?

**Andreas** · 23.05.2016, 21:55

Die ID der Elternseite zu holen ist im Template vielleicht noch das einfachste.

PHP-Code:


<?php



global $objPage;



print_r($objPage->pid); // debug



$myCCSClass = 'pid_'.$objPage->pid.



?>

<div class="<?= $myCCSClass ?>">Content</div>

**MacKP** · 24.05.2016, 05:04

Du kannst einfach in der Seitenstruktur den Hauptseiten eine Klasse geben. Diese Klasse wird dann auch im body gesetzt. Damit kannst du dann alles anders einfärben, was du möchtest. Auch das Untermenü ;-)
Dafür braucht es also keine Template Anpassungen oder sonst was.

Viele Grüße

**Andreas** · 24.05.2016, 13:53

Code:

Seite 1
  Sub 1 1
  Sub 1 2
Seite 2 (class=red)
  Sub 2 1
  Sub 2 2 (active)

Hallo MacKP, das geht so nicht. Wenn du auf Seite Sub 2 2 bist, dann hat diese Seite nicht die Klasse red im BODY und im Submenü findest du diese Klasse dann auch nicht. Er müsste dann im Backend allen Unterseiten auch Klassen vergeben. Das scheint er aber automatisieren zu wollen. Er möchte alle Unterseiten von Seite 2 red formatieren.

Mainnav
Seite 1, Seite 2

Subnav
Seite 2 1, Seite 2 2

**MacKP** · 24.05.2016, 14:57

Ah, sorry.. stimmt. Da war ich heute morgen anscheinend noch nicht richtig wach xD

Viele Grüße

**Kenzolina** · 24.05.2016, 21:03

Andreas hat recht, das war meine eigendliche Idee. Da ich hauptsächlich C#/WPF programmiere komm ich immer gar nicht auf die Idee was im Web alles nicht/oder nur schwierig geht :-( Da es im Moment nur eine Unterstufe gibt hab ich jetzt aber wirklich mal überall eine Klasse vergeben. Kunde ist damit auch erstmal zufrieden ;-)

Andreas: Ich werde mir deinen Ansatz noch genauer ansehen. Hab ihn jetzt noch nicht ganz kapiert. In PHP muss ich mich erst wieder reindenken ;-)

Vielen Dank an alle! Hier wird einen immer super geholfen :-)

Viele Grüsse
Martina

**Andreas** · 25.05.2016, 14:47

Solange du nur mit 2 Ebenen arbeitest kannst du das hier in das Feld CSS-Klasse im Navigationsmodul eintragen.

Code:

pid_{{page::pid}}

Ansonsten musst du ein eigenes mod_-Template für die Navigation anlegen und darin die Elternseite in Ebene 1 ermitteln.

Eine einfache Lösung mit JS wäre noch die Hauptnavigation nach active und trail zu durchsuchen und von dort die Klassen dann auch auf das Submenü zu legen.

Thema: Template nav_default

Themen-Optionen

Thema durchsuchen

Template nav_default

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher