Navigation: level_2 seperat positionieren

Hallo,

ich möchte in Contao eine Navigation mit mehreren Unterpunkten erstellen wie folgt:

- level_1 = Hauptpunkte
--> innerhalb des Headers

- level_2 = Unterpunkte
--> außerhalb des Headers, in linker Spalte der Website, Unterpunkte abhängig vom gewählten Hauptpunkt

ersteres ist mir klar, wie es geht. Die Positionierung von level_2 leider nicht.
Kann mir jemand kurz helfen, wie ich das am besten schaffe?
Kann ich sozusagen den kompletten "level_2" mit CSS absolut woanders auf der Website positionieren?
Oder gibt es ein spezielles Navigations-Modul dafür?

Vielen Dank im Voraus und viele Grüße

Mitch

Hallo,
damit du mit der Navi besser klar kommst:
http://de.contaowiki.org/Navigation
und vor allem:
http://de.contaowiki.org/ModulNavigation

Im zweiten Wiki-Artikel wirst du genau das finden was du brauchst.
Ansonsten könntest du das natürlich auch mit CSS machen.. ist aber nicht unbedingt immer so praktikabel ;-)

Viele Grüße

Hallo,

vielen Dank für die Links.

D.h. ich benötige sozusagen zwei Navigationsmodule --> eins oben, eins links
Beide werden "gespeist" durch die Seitenstruktur

Und duch die Stop und Hard-Limits kann ich es auch hinbekommen, dass bei einem oben ausgewählten Menüpunkt dann auf der linken Seite nur die dazugehörigen Unterpunkte angezeigt werden.
Beide Navigation sind also voneinander abhängig.

So wäre jetzt mal die Strategie? Richtig?
Danke

Mitch

Ja. Genau das steht ja auch im Wiki.

Viele Grüße

Hallo!

ich versuche Contao besser zu verstehen und habe mir daher ein Testseite entworfen, um die Möglichkeiten der Navigation auszuprobieren. Den Vorschlag hier habe ich umgesetzt, habe aber nun das Problem, dass die Hauptnavigation im Header zwar horizontal richtiger weise dargestellt wird, aber auch die Navigation der Unterpunkte in der linken Spalte. Zum besseren Verständnis mal die Seite:

www.kirche-soemmerda.de.

Hier auf Kontakt navigieren.

Mit Firebug kann ich ersehen, dass es offenbar ein Problem mit dem Level 1 ist. Beide Navigationen starten mit Level 1, werden also horizontal dargestellt, obwohl ich dachte, dass die Navigation im Header quasi Level 1 darstellt und die Unterseiten Level 2.

Ich möchte es ungefähr so:


--------------------------------------------Hauptnavi1 | Hauptnavi 2 | Hauptnavi 3


Unterseite 1
Unterseite 2
Unterseite 3


Ich muss also einen Denkfehler haben. Wie erreiche ich es nun, dass in meiner Seite die einzelnen Seiten in der Unterseitennavigation in der linken Spalte untereinander stehen? Ich war der Meinung, dass ich einfach bei der css-Datei für die Navigation in Level 2 aus inline -> block mache und dann ist das ok. Da aber die Unterseiten als Level 1 behandelt werden - so meine Denkweise - erreiche ich mein Ziel nicht. Was also mache ich falsch?

Grüße
Matthias

Hallo,

du benötigst ja für diese Variante 2 Navigationsmodule, so wie es oben bereits beschrieben wurde. Bei der horizontalen Navigation musst du dann die Einstellungen in der Navigation anpassen (Start-/Stoplevel, max. angezeigte Ebenen), so dass in der horizontalen Navi nur noch die Hauptmenüpunkte stehen und keine Unterpunkte. Und die vertikale Navi links muss dann natürlich erst eine Ebene tiefer mit dem Startlevel ansetzen. Also 2 Navimodule mit unterschiedlichen Einstellungen. :-)

fg
nicky


... von meinem iPad mit Tapatalk gesendet.

Hallo zurück und danke für die Antwort.

Ich habe 2 Navimodule (beides Hauptnavigationen) eingebunden eine in den Header und eine in die linke Spalte. Ich habe allerdings "nur" eine css Datei, in der ich für die die Level 1-Liste "inline" angegeben haben und für Level 2 "block". Heißt dass, dass ich dann auch ein neues Template anlegen muss oder dem Modul eine andere css-Datei zuweisen sollte?

Grüße
Matthias

Gib der linken Navigation ne ID oder Klasse mit, dann kannst du sie unterschiedlich ansprechen. Ich mach z.B. immer #mainnav, #subnav und noch Klassen für horizontale und vertikale Navis .h-nav, .v-nav.

Bräuchtest du hier nicht einmal, denn du könntest es über die verschiedenen Layoutbereiche ansprechen: #header und #left

fg
nicky


... von meinem iPad mit Tapatalk gesendet.

Hallo und danke,

genau auf die Idee musste ich auch erst kommen. Habe das Problem jetzt zumindest erkannt und mache das mit #left und #header.

Danke für die schnelle Hilfe.

Grüße
Matthias