Header & Navigation

Navigation als System: Varianten, Mobile-Offcanvas und optionales Mega-Menü mit Content.

Navigation, die mehr kann als Links darstellen

Der Header ist in ATLAS nicht nur „Logo plus Links“, sondern ein zentraler Teil der Seitenstruktur. In ATLAS sind hier bewusst mehrere Punkte zusammengeführt, die sonst gerne in Einzellösungen auseinanderlaufen: Layout-Variante, Mobile-Navigation, Menü-Quellen (Root-PIDs), Icons und optional die Möglichkeit, ein Mega-Menü einzusetzen.

Standard Header Navigation

Die Standard-Variante ist die klassische horizontale Navigation im Header. Sie ist ideal für Marketing- und Unternehmensseiten, bei denen wenige Hauptpunkte im Fokus stehen und die Navigation vor allem schnell erfassbar sein soll – wahlweise linksbündig oder rechtsbündig ausgerichtet, je nach Header-Layout.

Dabei lässt sich die Menüstruktur sauber steuern: ATLAS zieht Menüs über definierte Einstiegspunkte (Root-PIDs) und kann so Top-/Main-/Footer-Menüs klar voneinander trennen. Das erleichtert die Pflege in größeren Seitenbäumen, weil klar ist, welche Bereiche woher kommen und wie sie zusammenhängen.

Typisch für diese Variante:

  • klare Hauptnavigation mit Dropdowns
  • Icons optional pro Menüpunkt
  • Mobile automatisch als Offcanvas (ohne separate „Mobile-Lösung“)
Vertikale Sidebar Navigation

Eine besondere Layout-Variante ist das Sidebar-Menü: Statt einer horizontalen Top-Navigation kann ATLAS auch ein vertikales, seitliches Hauptmenü ausgeben. Das ist vor allem für Dokumentations- und Feature-Seiten praktisch, weil lange Menüstrukturen übersichtlich bleiben, mehr Platz für Kapitel entsteht und die Navigation wie eine echte „App-Sidebar“ wirkt.

Die Sidebar spielt ihre Stärken überall dort aus, wo Nutzer schnell zwischen vielen Unterseiten wechseln: Kapitel- und Themenstrukturen bleiben permanent sichtbar, die Orientierung verbessert sich und man verliert weniger Zeit durch „Zurück“-Navigation.

Typisch für diese Variante:

  • ideal bei vielen Unterseiten (Doku, Portal, Feature-Katalog)
  • klare Hierarchie durch Kapitel-/Gruppentitel
  • mehr Platz im Header-Bereich (Content rückt stärker in den Fokus)
Beispiel eines Mega-Menüs

Das Mega-Menü ist in ATLAS als Option umgesetzt: Ein Menüpunkt kann im Dropdown nicht nur Links zeigen, sondern auch Content, der aus tt_content gerendert wird. Das eignet sich vor allem für Seiten, bei denen die Navigation schnell „zu viel“ wird, wenn man nur Linklisten ausspielt. Mit Content im Dropdown kann man strukturieren: kurze Teaser, Icons, Hinweise, CTAs oder kleine Übersichten.

Typisch für diese Variante:

  • Dropdown zeigt nicht nur Links, sondern auch Content aus tt_content (Teaser, Icons, CTAs)
  • ideal bei vielen Unterpunkten, wenn reine Linklisten schnell „zu viel“ werden
  • Inhalte im Dropdown sind redaktionell pflegbar (ohne Template-Anpassung)
  • gut geeignet für Landingpages / große Kapitel (Produktsuites, Leistungen, Doku-Startseiten)

Gruppentitel statt Zielseite

Ein praktisches Detail in ATLAS: Menü-Eltern können bewusst als Gruppenüberschrift verwendet werden (öffnet Submenü, ohne eigene Zielseite). Das ist kein Fehler, sondern eine klare Entscheidung: Die Elternseite ist dann kein „Ziel“, sondern ein Kapitel. Dadurch wirkt die Navigation oft aufgeräumter, weil man nicht auf Zwischen-Landingpages angewiesen ist, die eigentlich nur Struktur liefern.

Wann sinnvoll:

  • wenn die Elternseite keinen eigenen Inhalt hat („nur Struktur“)
  • wenn Kapitel klar als Kapitel sichtbar sein sollen
  • wenn Nutzer direkt zu Unterseiten geführt werden sollen