Plugin JetMenu For Elementor - 3.0.5

JetMenu ist ein Crocoblock-Plugin zum Aufbau umfangreicher Mega-Menüs in WordPress, die visuell in Elementor und im Block-Editor Gutenberg gestaltet werden. Anstelle einfacher Linklisten erstellt es mehrspaltige Navigationen mit Produktrastern, Bannern und Multimedia-Inhalten. Es richtet sich an WooCommerce-Shops, Portale und Agenturen, die mit JetPlugins arbeiten.

Die wichtigsten Funktionen von JetMenu

JetMenu erstellt Mega-Menüs, Dropdowns, vertikale Menüs, Vollbildmenüs, Hamburger-Menüs und Popup-Menüs, in denen anstelle von Linklisten Produktraster, Banner, Icons, Badges und Multimedia-Inhalte stehen. Der Mega-Content jeder Menüposition entsteht visuell – in Elementor oder im Mega-Menu-Block für Gutenberg. Das Plugin unterstützt dabei ein mobiles Layout sowie AJAX- und Cache-Mechanismen, die für die Performance sorgen.

Die folgenden Funktionen zeigen, wodurch sich JetMenu vom Standardmenü eines Themes unterscheidet.

• Mega-Content in Elementor – im Popup der Menüposition wird die Option „Use Mega content“ aktiviert und der Typ „Elementor“ ausgewählt, danach werden Spalten, Sektionen und Widgets im Editor-Fenster gestaltet.
• Widgets Mega Menu und Vertical Mega Menu – eingebettet in Header, die im Elementor Theme Builder oder in JetThemeCore-Templates erstellt werden, mit Breitenkontrolle über die Option „Mega Container width type“.
• Mega-Menu- und Hamburger-Block für Gutenberg – ab Version 3.0 unterstützt das Plugin Block-Themes (FSE) vollständig, der Mega-Menu-Block wird direkt im Site-Editor hinzugefügt, ohne Elementor.
• Mehrspaltiges Mega-Menu – das Popup wird in Spalten unterteilt, in denen Widgets, Produktlisten und Banner sitzen, sowohl in Elementor als auch in Gutenberg.
• Preset-Manager sowie Menü-Import und -Export – die Menükonfiguration wird zwischen Websites und Umgebungen übertragen, was die Arbeit bei wiederkehrenden Projekten verkürzt.
• Performance-Funktionen – AJAX-Navigation und ein eigener Menü-Daten-Cache, mit der Möglichkeit, Transients zu löschen und den CSS-Cache während der Gestaltung zu deaktivieren.

Mega-Content, bearbeitet in Elementor und Gutenberg

Der Mega-Content von JetMenu ist ein eigenständiges Layout, das einer einzelnen Menüposition zugeordnet ist und im selben Builder gestaltet wird wie der Rest der Website. In Elementor wird die Option „Use Mega content“ und der Typ „Mega content type: Elementor“ aktiviert, danach lassen sich beliebige Sektionen, Spalten und Widgets erstellen. In Block-Themes liefert der Mega-Menu-Block im Gutenberg-Editor denselben Effekt.

Dadurch kommt die Gestaltung der Navigation ohne separates Panel und ohne CSS-Code aus. Jede Menüposition erhält ein eigenes Layout – von der einfachen Linkliste bis zur umfangreichen Sektion mit Grafiken und CTA-Buttons.

Layout-Typen – horizontal, vertikal, Vollbild, Hamburger

JetMenu unterstützt mehrere Anordnungsarten der Navigation: horizontales Menü in der Topbar, vertikales Menü in der Seitenleiste oder im Dashboard-Panel, Vollbildmenü, das als Overlay geöffnet wird, sowie Hamburger-Menü für mobile Oberflächen und minimalistische Templates. Jede Menüposition öffnet ein klassisches Dropdown, ein umfangreiches Mega-Menu oder funktioniert als Anchor-Menü, das zu einer Sektion auf einer One-Pager-Seite scrollt.

Icons, Badges und tiefgehende Gestaltung der Menüpositionen

Jede Menüposition hat ein eigenes Einstellungs-Popup mit den Tabs „Mega Content“, „Item Icon“, „Item Badge“ und „Advanced“. Im Tab „Item Icon“ wird ein Icon zugewiesen. Im Tab „Item Badge“ – eine Kennzeichnung wie „New“ oder „Sale“, mit Kontrolle über Farbe, Größe, Position und Typografie.

Die Gestaltung umfasst Typografie, Farben, Schatten, Abstände, Rahmen, Hover-Effekte, Trennlinien sowie aktive Zustände – getrennt für Hauptpositionen und für Untermenüs. Diese Einstellungen befinden sich im JetMenu-Panel und im Tab „Style“ des Widgets oder Blocks.

Mobiles Layout, Breakpoints und die Option „More“

Das Plugin ermöglicht es, einen Breakpoint festzulegen – also die Bildschirmbreite, bei der das Menü in den mobilen Modus wechselt – und für Desktop und Mobilgeräte jeweils ein eigenes Layout zu definieren. Auf Mobilgeräten kommen Hamburger-Menü, Vollbild-Panel und separate Stileinstellungen hinzu.

Die Funktion „More“ fasst überzählige Positionen der Topbar unter einer Schaltfläche zusammen, wenn im horizontalen Menü kein Platz mehr ist. So bleibt die Navigation auch in Shops und Websites mit vielen Bereichen übersichtlich.

Anwendungsszenarien für JetMenu

JetMenu bewährt sich in WooCommerce-Shops mit umfangreicher Kategorie-Struktur, in Content-Portalen sowie auf SaaS-Websites, deren Navigation Produktraster, Artikelvorschauen oder Sektionen wie „Product / Solutions / Resources“ aufnehmen muss. Der Mega-Content wird an dynamische WooCommerce-Kategorien (Taxonomy product_cat) angebunden, sodass eine Umbenennung der Kategorie keine Links zerstört, und das Layout entsteht im selben Builder wie der Rest der Website.

WooCommerce-Shop mit Kategorie-Mega-Menu und Werbeblöcken

In einem Bekleidungs- oder Elektronikshop mit vielen Kategorien baut JetMenu ein horizontales Mega-Menu auf. Das Überfahren einer Position wie „Bekleidung“ klappt mehrere Spalten mit Kategorien, Produktminiaturen, einem Werbebanner und einem Link zur vollständigen Liste auf. Der Mega-Content entsteht in Elementor mithilfe von Produkt-Widgets aus JetWooBuilder oder JetProductTables.

Die Links zu den Kategorien werden als dynamische Adressen der Taxonomy product_cat eingestellt. Eine Umbenennung der Kategorie zerstört dann die Links im Menü nicht.

Content-Portal und vertikales Menü mit verzweigter Inhaltsstruktur

Ein Bildungsportal oder ein Online-Magazin nutzt ein vertikales Mega-Menu in der Seitenleiste, mit Sektionen wie „Kurse“, „Lernpfade“, „Blog“ und „Tools“, ergänzt um Icons, Beschreibungen und Beitragslisten. In den Mega-Content werden Beitragslisten aus den Widgets JetBlog oder JetEngine, Banner sowie Shortcodes eingefügt.

Die vollständige Kontrolle über Typografie, Farben und aktive Zustände sorgt für Ordnung in der Navigation bei komplexer Inhaltsstruktur.

Marketing-Menü im Header einer SaaS-Website

Eine SaaS-Website nutzt JetMenu für ein Vollbildmenü, das über ein Icon im Header geöffnet wird. Die Sektionen „Product“, „Solutions“, „Pricing“, „Resources“ und „Company“ erhalten eigene Spalten mit Links, kurzen Beschreibungen, Icons und CTA-Buttons. Der Header entsteht im Elementor Theme Builder mit dem Mega-Menu-Widget, und die Breakpoints von JetMenu schalten die Navigation auf kleineren Bildschirmen auf ein Hamburger-Menü um.

Integrationen von JetMenu in das WordPress-Ökosystem

JetMenu lässt sich in Elementor und Gutenberg als Editoren für den Mega-Content integrieren sowie in den Rest des JetPlugins-Pakets – JetThemeCore (Header-Templates), JetEngine, JetWooBuilder, JetProductTables, JetTricks (Sticky Menu) und JetElements. Es arbeitet außerdem mit den mehrsprachigen Plugins WPML und Polylang sowie mit den Cache-Lösungen WP Rocket und LiteSpeed Cache zusammen, die dedizierte Kompatibilitäts-Fixes für JetMenu enthalten.

Elementor, Gutenberg und JetThemeCore als Header-Basis

Die kostenlose Version von Elementor genügt als Editor für den Mega-Content, und die Widgets Mega Menu und Vertical Mega Menu werden in Header eingebettet. Gutenberg übernimmt dieselbe Rolle in Block-Themes – über den Mega-Menu-Block. JetThemeCore verwaltet Header-Templates vom Typ „Theme Templates“, in die das JetMenu-Widget oder der -Block eingebunden wird.

Dieser Aufbau ermöglicht es, den gesamten Header – inklusive Mega-Menu – in einer einzigen Umgebung zu gestalten.

Dynamischer Content mit JetEngine, JetWooBuilder und JetProductTables

Die übrigen JetPlugins liefern Inhalte, die JetMenu in den Mega-Content einbettet. JetProductTables fügt über einen Shortcode eine Produkttabelle ein, JetWooBuilder baut Layouts für Archive und Produktkategorien, und JetEngine bindet Positionen ein, die mit eigenen Beitragstypen und Taxonomien verknüpft sind. JetTricks ergänzt ein Sticky Menu, und JetElements liefert Banner, Slider und Werbesektionen.

Mehrsprachigkeit und Cache-Plugins

JetMenu arbeitet mit den gängigen mehrsprachigen Plugins WPML und Polylang zusammen, sodass sich sowohl die Menüpositionen als auch der Inhalt des Mega-Contents übersetzen lassen. Im Bereich Performance unterstützt LiteSpeed Cache ESI für das mobile Hamburger-Menü von JetMenu, und WP Rocket enthält einen Fix für das Attribut data-menu-options, der für das korrekte Leeren des Caches sorgt.

Hinweis zur Mehrsprachigkeit: Die angegebene Kompatibilität mit WPML und Polylang deckt nicht jede komplexe Konfiguration ab – in umfangreichen mehrsprachigen Projekten treten dokumentierte Bugs auf, die zusätzliche Entwicklerarbeit erfordern.

Für wen sich JetMenu gut eignet

JetMenu passt vor allem zu Teams, die bereits mit Crocoblock und Elementor arbeiten, sowie zu Shops, Portalen und SaaS-Websites, die eine visuell gestaltete, umfangreiche Navigation benötigen. Weniger lohnt es sich bei einfachen Websites mit textbasiertem Theme-Menü oder in Projekten, die eine Abhängigkeit vom Builder vermeiden wollen – dort ist ein neutrales Mega-Menu meist leichtgewichtiger.

Gut zu JetMenu passende Profile

Für wen sich JetMenu gut eignet:

• mittlere und große WooCommerce-Shops mit umfangreicher Kategorie-Struktur und dem Bedarf an Produktrastern im Menü,
• Content-Portale und Online-Magazine mit vielen Sektionen und Artikelvorschauen,
• Unternehmens- und SaaS-Websites mit einem Marketing-Menü vom Typ „Product / Solutions / Resources“,
• Agenturen und Freelancer, die mit JetPlugins arbeiten und das Menü mit demselben Builder gestalten möchten wie den Rest der Website,
• Websites mit Block-Themes (FSE) und klassischen Themes, die eine gemeinsame Lösung für beide Umgebungen benötigen.

JetMenu im Vergleich zu Max Mega Menu, UberMenu und Groovy Mega Menu

Der Unterschied zwischen JetMenu und Plugins wie Max Mega Menu, UberMenu oder Groovy Mega Menu liegt im Ansatz. JetMenu ist „builder-first“ – das Mega-Menu wird innerhalb von Elementor oder Gutenberg gestaltet, was Konsistenz mit dem Rest des Layouts schafft. Die genannten Alternativen sind „panel-first“: Die Konfiguration erfolgt in einem eigenen Plugin-Panel, unabhängig vom Builder.

Der Panel-first-Ansatz ist meist leichtgewichtiger und weniger an einen bestimmten Editor gebunden. Builder-first bietet volle gestalterische Freiheit auf Kosten der Abhängigkeit von Elementor oder Gutenberg.

Für wen JetMenu keine gute Wahl ist

Für wen JetMenu keine gute Wahl ist:

• Nutzer ohne Elementor und ohne Bedarf an einem umfangreichen Menü – ein einfacheres Theme-Menü oder Max Mega Menu genügt,
• Projekte, die auf eine minimale Anzahl an Plugins und keinen Vendor-Lock-in setzen – ein neutrales Mega-Menu wie UberMenu ist hier die sicherere Wahl,
• anspruchsvolle mehrsprachige Projekte mit WPML und individueller Menülogik, bei denen der Wartungsaufwand zu groß wird,
• Entwickler, die eine vollständige, öffentliche API- und Hook-Dokumentation erwarten.

Einschränkungen und bekannte Probleme von JetMenu

JetMenu setzt voraus, dass der Mega-Content in Elementor oder Gutenberg erstellt wird, sodass das Plugin ohne einen dieser Editoren seinen Sinn verliert. Crocoblock veröffentlicht keine eindeutige Erklärung zur Multisite-Unterstützung, und in komplexen WPML-Konfigurationen treten dokumentierte Bugs auf – ein Cache, der nicht zwischen Sprachen unterscheidet, nicht übersetzte Mega-Menu-Templates – die Entwickler-Workarounds und Tests auf einer Staging-Umgebung erfordern.

Abhängigkeit von Buildern und eingeschränkte Entwicklerdokumentation

Der Mega-Content von JetMenu entsteht ausschließlich im visuellen Editor, sodass Projekte, die Elementor und Gutenberg vollständig vermeiden, den größten Teil der Plugin-Funktionen nicht nutzen können. Die Dokumentation konzentriert sich auf Oberflächen-Tutorials. Das Fehlen einer umfassenden, öffentlichen Beschreibung von API, Hooks und Filtern erschwert tiefgehende, eigene Integrationen ohne Code-Analyse.

Multisite und mehrsprachige WPML/Polylang-Konfigurationen

Crocoblock veröffentlicht keine eindeutige Bestätigung der vollständigen Multisite-Unterstützung, und vereinzelte Meldungen aus der Community beschreiben Konflikte von JetMenu in Multisite-Netzwerken. In mehrsprachigen WPML-Konfigurationen sind Bugs bei der Cache- und Sprachzuordnung der Mega-Menu-Templates bekannt – sie wurden mit einem dedizierten mu-Plugin gelöst.

Empfehlung für die Einführung: Bei Multisite- und komplexen WPML-Projekten empfehlen sich Tests auf einer Staging-Umgebung vor dem produktiven Einsatz.

Zusammenspiel mit Cache und CDN

JetMenu nutzt einen eigenen Cache und dynamische Daten, darunter Transients, die den Mega-Menu-Content speichern. In manchen Konfigurationen muss der Cache manuell angepasst werden – etwa der CSS-Cache während der Gestaltung deaktiviert, Transients gelöscht oder separate Regeln in WP Rocket und LiteSpeed Cache gesetzt werden, die für JetMenu dedizierte Kompatibilitäts-Fixes enthalten.

Technische Anforderungen und Kompatibilität von JetMenu

JetMenu benötigt ein installiertes Elementor (die kostenlose Version genügt als Editor für den Mega-Content) sowie eine moderne WordPress-Umgebung – in der Praxis WP 6.3 oder neuer (empfohlen 6.6+) und PHP 7.4+, mit empfohlenem PHP 8.1+ sowie MySQL 8.0+. Crocoblock veröffentlicht keine eigene Anforderungstabelle für JetMenu, daher sind die folgenden Werte Umgebungsempfehlungen für den Elementor- und JetPlugins-Stack und kein offizielles Mindestmaß des Herstellers.

Serverumgebung – WordPress, PHP, Datenbank

Die Serverwerte für JetMenu ergeben sich aus den Anforderungen von WordPress und der Praxis des Elementor-plus-JetPlugins-Stacks, nicht aus einer separaten Herstellerspezifikation. Ein sicheres Produktionsminimum sind WordPress 6.3+ und PHP 7.4+, während der aktuelle stabile WP-Zweig zusammen mit PHP 8.1+ vollständige Unterstützung für Blöcke, FSE-Themes und aktuelle Elementor-Versionen bietet.

Bei der Datenbank liegt das Minimum bei MySQL 5.6+/5.7+ oder MariaDB 10.1+, wobei neuere Projekte eher zu MySQL 8.0 tendieren. Für aufwendige Konfigurationen wird ein PHP-Speicherlimit von 256 MB oder mehr empfohlen.

Erforderliche und empfohlene Plugins (Elementor, JetThemeCore, JetPlugins)

Die kostenlose Version von Elementor ist eine feste Voraussetzung – die offiziellen JetMenu-Tutorials stützen die Bearbeitung des Mega-Contents genau auf diesen Editor. Elementor Pro ist für das Mega-Menu selbst nicht zwingend nötig, ist aber nützlich, wenn der Header im Theme Builder entsteht. JetThemeCore wird für die Erstellung von Header-Templates empfohlen, während die übrigen JetPlugins (JetEngine, JetWooBuilder, JetProductTables, JetElements, JetTricks) optional bleiben und dem Aufbau dynamischer Inhalte im Mega-Menu dienen.

Block-Themes (FSE), klassische Themes und WooCommerce

JetMenu unterstützt sowohl klassische Themes, bei denen das Menü unter Design > Menüs konfiguriert und der Header in Elementor gestaltet wird, als auch Block-Themes (FSE), bei denen der Mega-Menu-Block ab Version 3.0 im Theme-Editor hinzugefügt wird. Im E-Commerce-Bereich greift das Plugin über die dynamische Taxonomy product_cat auf Produktkategorien zu, was dem typischen WooCommerce-7/8+-Stack entspricht.