RockSolid Mega Menu Dokumentation

RockSolid Mega Menu ist eine Erweiterung für Contao, die in Verbindung mit einigen RockSolid Themes erhältlich ist. Die Erweiterung ermöglicht es komplexe Dropdown-Inhalte zu erstellen und zu verwalten.

Zuerst: RockSolid Mega Menu installieren

Navigieren Sie im Contao-Backend zur Erweiterungsverwaltung und klicken Sie rechts oben auf Erweiterung installieren. Geben Sie dort rocksolid-mega-menu in das Feld Erweiterung ein und klicken Sie auf weiter. Wählen Sie die aktuellste Version und folgen Sie dem Installations-Assistenten, bis die Erweiterung erfolgreich installiert wurde. Den Lizenzschlüssel für die Premium Erweiterung finden Sie in Ihrem Kundenbereich unter Downloads.

Dann: Bereich anlegen

Ein Mega Menu Bereich enthält die Dropdown-Inhalte für einen einzelnen Hauptmenüpunkt. Navigieren Sie zu Layout › RockSolid Mega Menu, klicken dort auf Neuen Bereich und vergeben einen Namen. Wählen Sie nun den gewünschten Typ aus:

• Automatische Spalten: eine Spalte für jeden Untermenüpunkt anzeigen.
• Automatische Bildernavigation: für jeden Untermenüpunkt eine Bild-Spalte anzeigen. Bilder werden über die Seitenstruktur pro Seite vergeben.
• Manuell: einzelne Spalten mit individuellen Inhalten werden manuell angelegt.
• Eigener HTML-Code: der Inhalt des gesamten Dropdowns kann als HTML-Code angegeben oder mit Insert-Tags eingebunden werden (z. B. {{insert_article::products-menu}}).

Weitere Bereichseinstellungen

• Slider aktivieren: erzeugt einen RockSolid Slider im Dropdown.
• Bildgröße: stellen Sie hier die Bildgröße für Bildernavigationen ein.
• Hintergrundeinstellungen: hier können Sie ein Hintergrundbild für das Dropdown vergeben.

Spalten anlegen

Für Bereiche vom Typ Manuell können Sie die Mega Menu Spalten manuell erstellen. Um eine Spalte anzulegen, bearbeiten Sie den soeben angelegten Bereich, klicken dort auf Neue Spalte, vergeben einen Namen und einen Typ:

• Navigation: erzeugt eine Link-Liste mit allen Unterpunkten der angegebenen Seite.
• Bildnavigation: erzeugt eine Liste mit Bild-Links aller Unterpunkte der angegebenen Seite. Bilder werden über die Seitenstruktur pro Seite vergeben.
• individuelle Navigation: wie Navigation nur lassen sich die einzelnen Links individuell auswählen.
• individuelle Bildnavigation: wie Bildnavigation nur lassen sich die einzelnen Links individuell auswählen.
• Bild-Link: ein einzelnes verlinktes Bild.
• Link: ein einzelner Link.
• Eigener HTML-Code: der Inhalt der Spalte kann als HTML-Code angegeben oder mit Insert-Tags eingebunden werden.

Modul einfügen und einstellen

Navigieren Sie zu Layout › Themes › Frontend-Module, klicken dort auf Neues Modul, stellen Mega Menu Navigation oder Individuelle Mega Menu Navigation als Modultyp ein und konfigurieren das Modul wie ein Standard-Navigationsmenü. Speichern Sie das Modul und fügen Sie es an der gewünschten Position in Ihre Website ein.

Unter Layout › Seitenstruktur können Sie nun für die gewünschten Hauptmenüpunkte das Mega Menu aktivieren und einen Bereich auswählen. Fertig ist das Mega Dropdown.

Eine Demonstration der Erweiterung können Sie sich in der Live-Demo des Themes Tao ansehen.

Mega Menu ohne RockSolid Theme verwenden

Die Mega Menu Erweiterung ist für den Einsatz mit einem passenden Theme gedacht. Für individuelle Projekte ohne Theme kann die Erweiterung auch separat erworben werden. In diesem Fall muss der zum Theme passende CSS-Code der Mega Menu Navigation selbst erstellt werden.

Mega Menu Lizenz kaufen