Wtyczka JetMenu For Elementor - 3.0.1.1

JetMenu to wtyczka Crocoblock do budowy rozbudowanych mega menu w WordPressie, projektowanych wizualnie w Elementorze i w edytorze blokowym Gutenberg. Zamiast zwykłych list linków układa wielokolumnowe nawigacje z siatkami produktów, bannerami i multimediami. Trafia do sklepów WooCommerce, portali i agencji na JetPlugins.

Kluczowe funkcje JetMenu

JetMenu buduje mega menu, dropdowny, menu pionowe, pełnoekranowe, hamburgerowe i popupowe, w których miejsce list linków zajmują siatki produktów, bannery, ikony, badge i multimedia. Mega content każdej pozycji menu powstaje wizualnie – w Elementorze albo w bloku Mega Menu dla Gutenberga. Wtyczka obsługuje przy tym layout mobilny oraz mechanizmy AJAX i cache, które pilnują wydajności.

Poniższe funkcje pokazują, czym JetMenu różni się od standardowego menu motywu.

• Mega content w Elementorze – w popupie pozycji menu włącza się opcję „Use Mega content” i wybiera typ „Elementor”, po czym układ kolumn, sekcji i widgetów projektuje się w oknie edytora.
• Widgety Mega Menu i Vertical Mega Menu – osadzane w nagłówkach budowanych w Elementor Theme Builderze lub szablonach JetThemeCore, z kontrolą szerokości przez opcję „Mega Container width type”.
• Blok Mega Menu i Hamburger dla Gutenberga – od wersji 3.0 wtyczka w pełni wspiera motywy blokowe (FSE), a blok mega menu dodaje się wprost w Site Editorze, bez Elementora.
• Multi-column mega menu – popup dzieli się na kolumny, w których siedzą widgety, listy produktów i bannery, zarówno w Elementorze, jak i w Gutenbergu.
• Preset manager oraz import i eksport menu – konfigurację menu przenosi się między stronami i środowiskami, co skraca pracę przy powtarzalnych projektach.
• Funkcje wydajnościowe – AJAX navigation oraz własny cache danych menu, z możliwością czyszczenia transients i wyłączania cache CSS na czas projektowania.

Mega content edytowany w Elementorze i Gutenbergu

Mega content JetMenu to osobny układ przypisany do jednej pozycji menu, projektowany w tym samym builderze co reszta strony. W Elementorze włącza się opcję „Use Mega content” i typ „Mega content type: Elementor”, a potem buduje dowolne sekcje, kolumny i widgety. W motywach blokowych ten sam efekt daje blok Mega Menu w edytorze Gutenberga.

Dzięki temu wygląd nawigacji nie wymaga osobnego panelu ani pisania CSS. Każda pozycja menu dostaje inny układ – od prostej listy linków po rozbudowaną sekcję z grafiką i przyciskami CTA.

Typy layoutu — poziome, pionowe, pełnoekranowe, hamburger

JetMenu obsługuje kilka typów rozmieszczenia nawigacji: poziome menu w topbarze, pionowe menu w sidebarze lub panelu dashboardu, menu pełnoekranowe otwierane jako overlay oraz hamburger menu dla interfejsów mobilnych i minimalistycznych szablonów. Każda pozycja menu otwiera klasyczny dropdown, rozbudowane mega menu albo działa jako anchor menu przewijające do sekcji na stronie typu one-pager.

Ikony, badge i głęboka stylizacja pozycji menu

Każda pozycja menu ma własny popup ustawień z zakładkami „Mega Content”, „Item Icon”, „Item Badge” i „Advanced”. W zakładce „Item Icon” przypisuje się ikonę. W „Item Badge” – oznaczenie typu „New” lub „Sale”, z kontrolą koloru, rozmiaru, położenia i typografii.

Stylizacja obejmuje typografię, kolory, cienie, marginesy, ramki, hovery, dividery oraz stany aktywne – osobno dla pozycji głównych i dla submenu. Ustawienia te znajdują się w panelu JetMenu i w zakładce „Style” widgetu lub bloku.

Layout mobilny, breakpointy i opcja „More”

Wtyczka pozwala ustawić breakpoint, czyli szerokość ekranu, przy której menu przełącza się w tryb mobilny, oraz zdefiniować osobny układ dla desktopu i dla urządzeń mobilnych. Na mobile dochodzą hamburger menu, pełnoekranowy panel i oddzielne ustawienia stylu.

Funkcja „More” zwija nadmiarowe pozycje topbara pod jeden przycisk, gdy w menu poziomym brakuje miejsca. Tak utrzymuje się czytelność nawigacji w sklepach i serwisach z wieloma działami.

Typowe zastosowania JetMenu

JetMenu sprawdza się w sklepach WooCommerce z rozbudowanym drzewem kategorii, w portalach contentowych oraz na stronach SaaS, gdzie nawigacja musi pomieścić siatki produktów, podglądy artykułów albo sekcje typu „Product / Solutions / Resources”. Mega content podpina się pod dynamiczne kategorie WooCommerce (taxonomy product_cat), więc zmiana nazwy kategorii nie psuje linków, a layout powstaje w tym samym builderze co reszta strony.

Sklep WooCommerce z mega menu kategorii i blokami promocyjnymi

W sklepie odzieżowym lub elektronicznym z wieloma kategoriami JetMenu buduje poziome mega menu. Najechanie na pozycję typu „Odzież” rozwija kilka kolumn z kategoriami, miniaturami produktów, banerem promocyjnym i linkiem do pełnej listy. Mega content powstaje w Elementorze przy użyciu widgetów produktowych z JetWooBuilder lub JetProductTables.

Linki do kategorii ustawia się jako dynamiczne adresy taxonomy product_cat. Zmiana nazwy kategorii nie psuje wtedy odnośników w menu.

Portal contentowy i menu pionowe z rozgałęzionym drzewem treści

Portal edukacyjny lub magazyn online wykorzystuje pionowe mega menu w sidebarze, z sekcjami typu „Kursy”, „Ścieżki nauki”, „Blog” i „Narzędzia”, uzupełnionymi o ikony, opisy i listy wpisów. W mega content wstawia się listy postów z widgetów JetBlog lub JetEngine, bannery oraz shortcody.

Pełna kontrola nad typografią, kolorami i stanami aktywnymi porządkuje nawigację po złożonej strukturze treści.

Marketingowe menu w nagłówku strony SaaS

Strona SaaS używa JetMenu do pełnoekranowego menu otwieranego ikoną w nagłówku. Sekcje „Product”, „Solutions”, „Pricing”, „Resources” i „Company” dostają własne kolumny z linkami, krótkimi opisami, ikonami i przyciskami CTA. Nagłówek powstaje w Elementor Theme Builderze z widgetem Mega Menu, a breakpointy JetMenu przełączają nawigację na hamburger menu na mniejszych ekranach.

Integracje JetMenu z ekosystemem WordPress

JetMenu integruje się z Elementorem i Gutenbergiem jako edytorami mega contentu oraz z resztą pakietu JetPlugins – JetThemeCore (szablony nagłówków), JetEngine, JetWooBuilder, JetProductTables, JetTricks (sticky menu) i JetElements. Współpracuje też z wtyczkami wielojęzycznymi WPML i Polylang oraz z cache’m WP Rocket i LiteSpeed Cache, które mają dedykowane poprawki kompatybilności pod JetMenu.

Elementor, Gutenberg i JetThemeCore jako baza nagłówka

Elementor w wersji darmowej wystarcza jako edytor mega contentu, a widgety Mega Menu i Vertical Mega Menu osadza się w nagłówkach. Gutenberg pełni tę samą rolę w motywach blokowych – przez blok Mega Menu. JetThemeCore zarządza szablonami nagłówków typu „Theme Templates”, do których wpina się widget lub blok JetMenu.

Taki układ pozwala zaprojektować cały nagłówek – razem z mega menu – w jednym środowisku.

Dynamiczny content z JetEngine, JetWooBuilder i JetProductTables

Pozostałe wtyczki JetPlugins dostarczają treść, którą JetMenu osadza w mega content. JetProductTables wstawia tabelę produktów przez shortcode, JetWooBuilder buduje layouty archiwów i kategorii produktów, a JetEngine podpina pozycje powiązane z własnymi typami treści i taksonomiami. JetTricks dokłada sticky menu, a JetElements bannery, slidery i sekcje promocyjne.

Wielojęzyczność i wtyczki cache

JetMenu współpracuje z popularnymi wtyczkami wielojęzycznymi WPML i Polylang, więc tłumaczy się zarówno pozycje menu, jak i treść mega contentu. Po stronie wydajności LiteSpeed Cache obsługuje ESI dla mobilnego hamburger menu JetMenu, a WP Rocket zawiera poprawkę dotyczącą atrybutu data-menu-options, która odpowiada za prawidłowe czyszczenie cache.

Uwaga o wielojęzyczności: deklarowana współpraca z WPML i Polylang nie pokrywa każdej złożonej konfiguracji – w rozbudowanych projektach wielojęzycznych pojawiają się udokumentowane bugi wymagające dodatkowych prac deweloperskich.

Dla kogo JetMenu sprawdza się dobrze

JetMenu pasuje przede wszystkim do zespołów już pracujących na Crocoblock i Elementorze oraz do sklepów, portali i stron SaaS, które potrzebują wizualnie projektowanej, bogatej nawigacji. Mniej opłaca się przy prostych stronach z tekstowym menu motywu albo w projektach unikających zależności od buildera – tam neutralne mega menu bywa lżejsze.

Profile dobrze dopasowane do JetMenu

Dla kogo JetMenu sprawdza się dobrze:

• średnie i duże sklepy WooCommerce z rozbudowanym drzewem kategorii i potrzebą siatek produktów w menu,
• portale contentowe i magazyny online z wieloma sekcjami i podglądami artykułów,
• strony firmowe i SaaS z marketingowym menu typu „Product / Solutions / Resources”,
• agencje i freelancerzy pracujący na JetPlugins, którzy chcą projektować menu tym samym builderem co resztę strony,
• strony na motywach blokowych (FSE) i klasycznych, które potrzebują jednego rozwiązania dla obu środowisk.

JetMenu na tle Max Mega Menu, UberMenu i Groovy Mega Menu

Różnica między JetMenu a wtyczkami takimi jak Max Mega Menu, UberMenu czy Groovy Mega Menu sprowadza się do podejścia. JetMenu jest „builder-first” – mega menu projektuje się wewnątrz Elementora lub Gutenberga, co daje spójność z resztą layoutu. Wymienione alternatywy są „panel-first”: konfigurację prowadzi się we własnym panelu wtyczki, niezależnym od buildera.

Podejście panel-first bywa lżejsze i mniej powiązane z jednym konkretnym edytorem. Builder-first daje pełną swobodę projektowania kosztem zależności od Elementora lub Gutenberga.

Dla kogo JetMenu nie jest dobrym wyborem

Dla kogo JetMenu nie jest dobrym wyborem:

• użytkownicy bez Elementora i bez potrzeby rozbudowanego menu – prostsze menu motywu lub Max Mega Menu wystarczy,
• projekty nastawione na minimalną liczbę wtyczek i brak vendor lock-in – neutralne mega menu typu UberMenu jest tu bezpieczniejsze,
• zaawansowane projekty wielojęzyczne na WPML z niestandardową logiką menu, gdzie narzut utrzymaniowy bywa zbyt duży,
• deweloperzy oczekujący pełnej, publicznej dokumentacji API i hooków.

Ograniczenia i znane problemy JetMenu

JetMenu zakłada, że mega content tworzy się w Elementorze lub Gutenbergu, więc bez któregoś z tych edytorów wtyczka traci sens. Crocoblock nie publikuje jednoznacznej deklaracji wsparcia multisite, a w złożonych konfiguracjach WPML pojawiają się udokumentowane bugi – cache nierozróżniający języków, nieprzetłumaczone szablony mega menu – wymagające obejść deweloperskich i testów na środowisku stagingowym.

Zależność od builderów i ograniczona dokumentacja developerska

Mega content JetMenu powstaje wyłącznie w edytorze wizualnym, więc projekty całkowicie unikające Elementora i Gutenberga nie wykorzystają większości funkcji wtyczki. Dokumentacja skupia się na tutorialach interfejsu. Brak rozbudowanego, publicznego opisu API, hooków i filtrów utrudnia głębokie, własne integracje bez analizy kodu.

Multisite i konfiguracje wielojęzyczne WPML/Polylang

Crocoblock nie publikuje jednoznacznego potwierdzenia pełnego wsparcia multisite, a pojedyncze zgłoszenia społeczności opisują konflikty JetMenu na sieciach wielostronowych. W konfiguracjach wielojęzycznych WPML znane są bugi z cache i przypisaniem szablonów mega menu do języków – rozwiązywano je dedykowanym mu-pluginem.

Rekomendacja wdrożeniowa: przy multisite i złożonych projektach WPML wskazane są testy na stagingu przed uruchomieniem produkcyjnym.

Współpraca z cache i CDN

JetMenu korzysta z własnego cache i dynamicznych danych, w tym transients przechowujących content mega menu. W niektórych konfiguracjach cache trzeba dostosować ręcznie – wyłączyć cache CSS na czas projektowania, wyczyścić transients lub ustawić osobne reguły w WP Rocket i LiteSpeed Cache, które mają dla JetMenu dedykowane poprawki kompatybilności.

Wymagania techniczne i kompatybilność JetMenu

JetMenu wymaga zainstalowanego Elementora (wersja darmowa wystarcza jako edytor mega contentu) oraz nowoczesnego środowiska WordPress – w praktyce WP 6.3 lub nowszego (rekomendowane 6.6+) i PHP 7.4+, z zalecanym PHP 8.1+ oraz MySQL 8.0+. Crocoblock nie publikuje osobnej tabeli wymagań JetMenu, więc poniższe wartości to rekomendacje środowiskowe dla stacku Elementor i JetPlugins, a nie oficjalne minimum producenta.

Środowisko serwerowe — WordPress, PHP, baza danych

Wartości serwerowe dla JetMenu wynikają z wymagań WordPressa i praktyki stacku Elementor plus JetPlugins, a nie z osobnej specyfikacji producenta. Bezpiecznym minimum produkcyjnym jest WordPress 6.3+ i PHP 7.4+, a najnowsza stabilna gałąź WP wraz z PHP 8.1+ zapewnia pełne wsparcie bloków, motywów FSE i aktualnych wersji Elementora.

Po stronie bazy danych minimum to MySQL 5.6+/5.7+ lub MariaDB 10.1+, przy czym nowsze projekty kierują się w stronę MySQL 8.0. Dla ciężkich konfiguracji zalecany jest limit pamięci PHP na poziomie 256 MB lub wyższym.

Wymagane i zalecane wtyczki (Elementor, JetThemeCore, JetPlugins)

Elementor w wersji darmowej jest twardym wymogiem – oficjalne tutoriale JetMenu opierają edycję mega contentu właśnie na tym edytorze. Elementor Pro nie jest konieczny do samego mega menu, ale przydaje się, gdy nagłówek powstaje w Theme Builderze. JetThemeCore zalecany jest do tworzenia szablonów nagłówków, a pozostałe JetPlugins (JetEngine, JetWooBuilder, JetProductTables, JetElements, JetTricks) pozostają opcjonalne i służą do budowy dynamicznej treści w mega menu.

Motywy blokowe (FSE), motywy klasyczne i WooCommerce

JetMenu obsługuje zarówno motywy klasyczne, w których menu konfiguruje się w Wygląd > Menu, a nagłówek projektuje w Elementorze, jak i motywy blokowe (FSE), gdzie blok Mega Menu dodaje się w edytorze motywu od wersji 3.0. Po stronie e-commerce wtyczka odwołuje się do kategorii produktów przez dynamiczne taxonomy product_cat, co odpowiada typowemu stackowi WooCommerce 7/8+.

Polski materiał o konfiguracji Crocoblock (KCMobile.pl) rekomenduje dla stacku JetPlugins hosting z PHP 8.1+, MySQL 8.0+, certyfikatem SSL Let’s Encrypt oraz minimum 2 GB RAM. JetMenu jest częścią translation-ready stacku JetPlugins (workflow .po/.mo/.pot, Poedit), choć Crocoblock nie potwierdza wprost pełnego polskiego tłumaczenia interfejsu.