Anmerkung
Diese Informationen gelten speziell für den Editor 2.0, der früher als All-Flex-Editor bezeichnet wurde. Informationen zum Identifizieren Ihrer aktuellen Editor-Version finden Sie unter Identifizieren der Editor-Version, die von Ihrer Website verwendet wird .
Ein Mega-Menü ist eine Art Navigationsmenü, das häufig auf Websites verwendet wird, um eine große Menge an Inhalten oder Optionen strukturiert und visuell ansprechend zu organisieren und anzuzeigen. Im Gegensatz zu einem herkömmlichen Dropdown-Menü, das eine einzelne Spalte mit Links anzeigt, wird Mega Menu horizontal weiter erweitert. Häufige Anwendungsfälle sind E-Commerce-Websites mit vielen Produktkategorien, Reise-Websites mit vielen Reisezielen oder Dienstleistungsunternehmen, die eine breite Palette von Dienstleistungen anbieten.
Das Mega-Menü wird über die widget Navigationslinks aktiviert und erstellt einen neuen Abschnitt, der mit einem Navigationselement verknüpft ist.* Auf diese Weise kann der Benutzer den neuen Abschnitt wie jeden anderen Abschnitt bearbeiten und gestalten, z. B. durch Hinzufügen eines widget oder Erstellen einer Struktur/eines Layouts. Jeder Navigationspunkt kann in ein Mega-Menü verwandelt werden.
*Für Websites, die nach dem 25. Juli 2025 erstellt wurden, können Sie jedem Mega-Menüpunkt mehrere Abschnitte hinzufügen. Sie können aus leeren, vorgefertigten, benutzerdefinierten oder KI-erstellten Abschnitten wählen. Darüber hinaus können Sie Mega-Menüabschnitte speichern und auf anderen Websites in Ihrem Konto verwenden. Beachten Sie, dass eine Migration Tarif für Mega-Menüs auf Websites ist, die vor dem 25. Juli 2025 erstellt wurden. Dieser Artikel wird aktualisiert, wenn die Migration erfolgt.
Wichtige Überlegungen:
-
Das Mega-Menü kann nur zu Navigationselementen hinzugefügt werden, die keine Unterelemente sind oder eigene Unterelemente enthalten.
-
Wird nur bei desktop Bildschirmgröße unterstützt.
So erstellen Sie ein Mega-Menü:
-
Falls Sie noch kein Navigationslinks widget hinzugefügt haben, müssen Sie eines hinzufügen. Klicken Sie im Seitenbereich auf Hinzufügen und anschließend auf widget. Suchen Sie nach Navigationslinks und ziehen Sie diese per Drag & Drop auf die Arbeitsfläche.
-
Derzeit kann das Mega-Menü auf desktop nur aktiviert werden, wenn sich die widget Navigationslinks in der Kopfzeile befindet und ein horizontales Layout hat. Auf Mobilgeräten wird dies nicht unterstützt.
-
-
Klicken Sie auf die widget Navigationslinks, um die schwebende Leiste zu öffnen, und wählen Sie Links verwalten aus.
-
Am oberen Rand des Modals "Für Was sollten Navigationselemente enthalten sein?" Wählen Sie Benutzerdefinierte Links aus.
-
Klicken Sie, um das gewünschte Element auszuwählen. Wählen Sie auf der rechten Seite des Modals Mega-Menü aus. Dadurch wird der Punkt zu einem Mega-Menü.
-
Geben Sie einen Namen für Ihr Mega-Menü ein. Wiederholen Sie die Schritte 4 und 5 für jeden Artikel, den Sie in ein Mega-Menü verwandeln möchten.
-
Ziehen Sie die vorhandenen Artikel per Drag & Drop in die gewünschte Reihenfolge und Verschachtelung. Beachten Sie, dass das Mega-Menü nur zu Navigationselementen hinzugefügt werden kann, die keine Unterelemente sind oder eigene Unterelemente enthalten.
-
Klicken Sie auf das Mega-Menü Bearbeiten , um Designänderungen vorzunehmen. Die Designänderungen gelten nur für den aktuellen Abschnitt, den Sie bearbeiten, und nicht für die Abschnitte, die andere Mega-Menüs enthalten.
Nachfolgend werden zwei Designelemente vorgestellt, die bestimmen, wie Benutzer Ihr Mega-Menü öffnen. Um darauf zuzugreifen, scrollen Sie im Design-Panel nach unten zum Abschnitt „Mega-Menü“.
-
Ein beliebtes Gestaltungselement ist die Verwendung eines Chevron-Pfeils, um den Besuchern der Website anzuzeigen, dass das Menü durch Anklicken erweitert werden kann. Dieser Pfeil ist standardmäßig nicht aktiviert. Um den Pfeil hinzuzufügen, aktivieren Sie die Option „Pfeil-Sichtbarkeit “. Der Pfeil übernimmt den Designstil der Links.
-
Legen Sie fest, wie Benutzer Ihr Mega-Menü öffnen, indem Sie entweder hover oder Click auswählen. Der hover ist der Standardzustand. Wenn Sie auf „Klicken“ umschalten, öffnet sich das Mega-Menü beim ersten Klick und schließt sich beim zweiten Klick.
-
Weitere Informationen zu den Konfigurations- und Gestaltungsmöglichkeiten für die widgetNavigationslinks finden Sie unter widget: Navigationslinks.
Um das Mega-Menü zur Bearbeitung zu öffnen, können Sie:
-
hover Sie über das Navigations- widget und wenn der Abschnitt Mega-Menü angezeigt wird, klicken Sie entweder auf den Abschnitt Mega-Menü oder auf den Navigationspunkt Mega-Menü.
-
Klicken Sie auf das widget Navigationslinks und dann auf Links verwalten.
-
Öffnen Sie das Ebenenbedienfeld und klicken Sie auf, um den gewünschten Mega-Menü-Abschnitt zu öffnen.
Sie können einen Link zu einem Mega-Menü-Abschnitt hinzufügen, indem Sie ein beliebiges verlinkbares widgethinzufügen. Im Folgenden finden Sie einige Beispiele dafür, wie Sie Links zu einem Mega-Menü-Bereich hinzufügen können:
-
Fügen Sie eine Schaltfläche oder ein Icon widget hinzu und fügen Sie einen Link hinzu.
-
Fügen Sie den widget Fotogalerie hinzu und verbinden Sie ihn mit einer Sammlung.
-
Wenn Sie einen E-Commerce-Katalog anzeigen möchten, können Sie die widget Produktgalerie hinzufügen und sich mit dem Produktkatalog oder einer bestimmten Kategorie verbinden.
-
Fügen Sie eine widget Navigationslinks hinzu und richten Sie benutzerdefinierte Links ein.
Um ein Mega-Menü zu löschen, löschen Sie den Eintrag Mega-Menü aus dem Navigations- widget.
Im Folgenden finden Sie einige andere Aktionen, die ein Mega-Menü löschen, die Sie beachten sollten:
-
Löschen der Navigationslinks widget.
-
Löschen des Containers, der einen widget Navigationslinks mit einem Mega-Menü enthält.
-
Ändern der Header-Voreinstellung.
-
Wechseln zwischen einfachen und erweiterten Header-Typen.
Im Folgenden sind die aktuellen Einschränkungen von Mega Menu aufgeführt:
-
Nur auf desktop Bildschirmgröße verfügbar.
-
Das Mega-Menü kann nur verwendet werden, wenn sich das widget Navigationslinks in einem horizontalen Layout und innerhalb der Kopfzeile befindet.
-
Auf Mobilgeräten wird dies nicht unterstützt.
-
Wenn Sie eine Navigationslinks- widget mit einem Mega-Menü duplizieren oder kopieren und einfügen, wird das Mega-Menü nicht dupliziert.