Wtyczka JetBlocks For Elementor - 1.5.0

JetBlocks For Elementor to dodatek dający zestaw widgetów do budowy nagłówków i stopek bez Elementor Pro: nawigację, logo, breadcrumbs, wyszukiwarkę, panel hamburgerowy, formularze logowania i rejestracji oraz koszyk WooCommerce. Wyróżnikiem są mini-koszyk WooCommerce w nagłówku i rozszerzenia Sticky Section oraz Column Order.

Funkcje i możliwości JetBlocks For Elementor

JetBlocks For Elementor obejmuje 12 elementów do budowy nagłówków i stopek: Navigation Menu, Site Logo, Search, Breadcrumbs, Hamburger Panel, WooCommerce Shopping Cart, Login Form, Registration Form, Reset Password Form, Auth Links oraz rozszerzenia Sticky Section i Column Order. Wszystkie widgety pojawiają się wprost w panelu Elementora. Nawigacja, wyszukiwarka, koszyk i logowanie składają się w obszarze nagłówka bez sięgania po kod.

Widgety nawigacyjne: menu, logo, wyszukiwarka, breadcrumbs

Widgety nawigacyjne JetBlocks pokrywają codzienne elementy nagłówka. Navigation Menu wyświetla wcześniej zdefiniowane menu WordPress (Wygląd > Menu) – z wyborem źródła, układem poziomym lub pionowym i obsługą mobile triggera. Reszta dokłada logo, pasek wyszukiwania i ścieżkę okruszków.

• Navigation Menu – wyświetla menu WordPress z układem poziomym lub pionowym, ikonami, opisami pozycji i osobnym mobile triggerem do wersji mobilnej.
• Site Logo – wstawia logo jako obraz, tekst lub kombinację obu, z osobnym plikiem retina, kontrolą źródła tekstu i linkowaniem znaku graficznego.
• Search – dodaje pasek wyszukiwania z konfigurowalnym placeholderem, ikoną i przyciskiem, w trybie rozwijanym (dropdown) lub jako wyszukiwarka w pop-upie.
• Breadcrumbs – pokazuje ścieżkę okruszków z separatorem w postaci ikony, pełną lub zminimalizowaną trasą oraz opcją linku do bloga w archiwach.

WooCommerce Shopping Cart i mini-koszyk w nagłówku

WooCommerce Shopping Cart osadza ikonę koszyka WooCommerce w nagłówku lub stopce. Widget pokazuje liczbę produktów i kwotę zamówienia, a po interakcji rozwija mini-koszyk – w formie dropdownu albo panelu slide-out. Typ wyzwalacza ustawia się na hover lub kliknięcie.

Do tego dochodzi edytowalna etykieta Cart Dropdown Label i kontrola nad układem listy pozycji w mini-koszyku. Opcja Cart Dropdown, dodana w changelogu w grudniu 2024, rozszerzyła sterowanie zachowaniem rozwijanego koszyka.

Widgety autoryzacji: logowanie, rejestracja, reset hasła, Auth Links

Widgety autoryzacji JetBlocks budują pełny flow konta użytkownika wprost w nagłówku albo dowolnej sekcji. Login Form, Registration Form i Reset Password Form osadzają formularze logowania, rejestracji i odzyskiwania hasła. Auth Links dokłada warunkowe linki zależne od stanu zalogowania.

• Login Form – formularz logowania z polami login lub e-mail oraz hasło, z pełnym stylowaniem pól, przycisków i komunikatów.
• Registration Form – formularz rejestracji konta, który trafia do pop-upu, sekcji hero lub panelu bocznego zamiast domyślnego ekranu WordPress.
• Reset Password Form – formularz odzyskiwania hasła z opcją Reset Page URL (changelog z października 2024) wskazującą stronę używaną w tym procesie.
• Auth Links – warunkowe linki login, logout, register i my account, pokazywane zależnie od tego, czy użytkownik jest zalogowany.

Rozszerzenia Sticky Section i Column Order

Sticky Section i Column Order to dwa rozszerzenia JetBlocks działające na poziomie sekcji Elementora, a nie pojedynczych widgetów. Sticky Section oznacza wybraną sekcję jako przyklejoną – nagłówek zostaje widoczny podczas przewijania, z ustawieniami widoczności dla desktopu, tabletu i mobile oraz kontrolą z-index i max-width. Column Order zmienia kolejność kolumn w sekcji liczącej co najmniej trzy kolumny, niezależnie dla różnych rozdzielczości.

Zastosowania JetBlocks For Elementor

JetBlocks For Elementor sprawdza się przy budowie nagłówka sklepu WooCommerce z mini-koszykiem i breadcrumbs, sticky headera na blogu lub portalu, panelu logowania w serwisach membership oraz mobilnej nawigacji off-canvas przez Hamburger Panel. Rozszerzenie Column Order dokłada do tego ustawianie kolejności elementów nagłówka osobno dla desktopu, tabletu i wersji mobilnej.

Nagłówek sklepu WooCommerce z mini-koszykiem i breadcrumbs

Sklep WooCommerce zyskuje stały dostęp do koszyka i czytelną nawigację. Site Logo dodaje znak graficzny, Navigation Menu obsługuje menu wraz z mobile triggerem, Search daje pole wyszukiwania, Breadcrumbs pokazuje położenie w strukturze, a WooCommerce Shopping Cart wyświetla licznik produktów i rozwijany mini-koszyk. Całość składa się w nagłówku bez ingerencji w kod motywu.

Sticky header na blogu lub portalu z długimi artykułami

Sticky header trzyma menu i wyszukiwarkę w zasięgu wzroku podczas czytania długich treści. Rozszerzenie Sticky Section oznacza całą sekcję nagłówka jako przyklejoną i konfiguruje jej zachowanie osobno na desktopie, tablecie i mobile. Takie ustawienie poprawia nawigację na blogu, w magazynie online czy portalu edukacyjnym – bez edycji motywu.

Panel logowania i rejestracji dla serwisu membership

Serwis membership lub strefa klienta potrzebuje widocznego logowania na każdej podstronie. JetBlocks dostarcza komplet: Login Form i Registration Form osadzają formularze w nagłówku, Reset Password Form realizuje odzyskiwanie hasła, a Auth Links dokłada dynamiczne linki do konta. Wszystkie elementy stylują się w Elementorze, bez osobnej wtyczki formularzy.

Mobilna nawigacja off-canvas przez Hamburger Panel

Rozbudowane menu rzadko mieści się w mobilnym nagłówku, więc pełną nawigację przenosi się do panelu wysuwanego z boku. Hamburger Panel tworzy taki panel off-canvas otwierany ikoną hamburgera – mieści menu, wyszukiwarkę, linki społecznościowe i przyciski akcji. Widget definiuje osobne ikony dla stanu otwartego i zamkniętego oraz wariant animacji wysuwania.

Integracje JetBlocks For Elementor w ekosystemie Crocoblock

JetBlocks For Elementor integruje się z JetThemeCore (Theme Builder do tworzenia i przypisywania szablonów nagłówków oraz stopek), z WooCommerce (źródło danych dla mini-koszyka) oraz z WPML (tłumaczenie etykiet widgetów, na przykład Cart Dropdown Label). Jako część rodziny JetPlugins współpracuje też z JetMenu, JetWooBuilder i JetEngine w obrębie jednego stacku Crocoblock.

JetThemeCore i zarządzanie szablonami nagłówka i stopki

JetThemeCore dostarcza Theme Builder, w którym tworzy się i przypisuje szablony nagłówków oraz stopek do wybranych warunków wyświetlania. Sama wtyczka JetBlocks nie zawiera pełnego mechanizmu zarządzania szablonami – dlatego dokumentacja widgetu koszyka kieruje do panelu Crocoblock > Theme Builder. Połączenie obu wtyczek przypisuje różne nagłówki do różnych typów stron.

WooCommerce i WPML

WooCommerce dostarcza dane wyświetlane w mini-koszyku – liczbę pozycji, produkty i ceny – które widget WooCommerce Shopping Cart pokazuje w nagłówku jako dropdown lub slide-out. WPML z kolei tłumaczy etykiety widgetów: pole takie jak Cart Dropdown Label rejestruje się i tłumaczy przez WPML String Translation, co potwierdza wątek w bazie wsparcia WPML.

Miejsce w rodzinie JetPlugins

JetBlocks należy do rodziny JetPlugins rozwijanej przez Crocoblock, obok JetMenu, JetWooBuilder i JetEngine. To nie twarda integracja przez wspólne API, lecz spójny stack: JetMenu obsługuje mega-menu w nagłówku, JetWooBuilder szablony stron sklepu, a JetEngine treści dynamiczne. W jednym ekosystemie agencje budują nagłówek i resztę witryny tym samym zestawem narzędzi.

Dla jakich witryn JetBlocks For Elementor sprawdza się najlepiej

JetBlocks For Elementor sprawdza się najlepiej u właścicieli sklepów WooCommerce budowanych w Elementorze, serwisów membership z logowaniem w nagłówku, stron firmowych z customową nawigacją oraz agencji pracujących w stacku Crocoblock. Dobrze wpisuje się też w projekty bez Elementor Pro, w których potrzebny jest zaawansowany nagłówek z menu, logo, wyszukiwarką i koszykiem.

Sklepy WooCommerce, serwisy membership i strony firmowe

Dla kogo JetBlocks For Elementor sprawdza się najlepiej:

• sklepy WooCommerce w Elementorze, gdzie liczy się mini-koszyk w nagłówku obok breadcrumbs i wyszukiwarki;
• serwisy membership i portale klienta z formularzami logowania oraz rejestracji wyeksponowanymi w nagłówku;
• strony firmowe i contentowe z customową nawigacją, dodatkowym menu, logo i ścieżką okruszków;
• agencje i freelancerzy pracujący w stacku JetPlugins, w którym spójność narzędzi przyspiesza wdrożenia;
• użytkownicy bez Elementor Pro, którym brakuje zaawansowanych widgetów nagłówka.

JetBlocks a Elementor Pro i inne header-buildery

Elementor Pro dostarcza własny Theme Builder oraz widgety nawigacyjne, które pokrywają część zakresu JetBlocks. Różnica leży w specjalizacji. JetBlocks skupia się wyłącznie na nagłówku i stopce, dokłada rozszerzenia Sticky Section i Column Order oraz mini-koszyk WooCommerce – i robi to w ramach ekosystemu JetPlugins. Darmowe wtyczki typu Elementor Header & Footer Builder zarządzają głównie szablonami, z mniejszą liczbą wyspecjalizowanych widgetów nawigacyjnych.

Dla kogo JetBlocks nie jest najlepszym wyborem

Dla kogo JetBlocks For Elementor nie jest najlepszym wyborem:

• strony bez Elementora – oparte wyłącznie na Gutenbergu, Bricks lub Divi, gdzie widgety JetBlocks nie działają;
• projekty wymagające pełnego page buildera do treści – JetBlocks nie buduje sekcji contentowych ani layoutów wpisów;
• projekty oparte na Full Site Editing – wtyczka nie korzysta z natywnych bloków nagłówka i stopki edytora motywów;
• użytkownicy unikający wielu wtyczek – pełne wykorzystanie wymaga zwykle JetThemeCore i WooCommerce obok JetBlocks.

Wymagania techniczne i kompatybilność

JetBlocks For Elementor wymaga zainstalowanego i aktywnego Elementora – to dodatek działający wyłącznie w tym środowisku, bez obsługi Bricks, Divi i Full Site Editing. Widget WooCommerce Shopping Cart wymaga aktywnego WooCommerce, a do zarządzania szablonami nagłówków i stopek producent rekomenduje JetThemeCore. Osobnej tabeli wymagań systemowych producent nie publikuje, więc wersje WordPress i PHP wynikają z zależności od Elementora.

Zależności: Elementor, WooCommerce, JetThemeCore

Zakres pracy JetBlocks wyznaczają trzy wtyczki. Elementor jest wymagany do działania całego dodatku, WooCommerce do widgetu koszyka, a JetThemeCore rekomendowany do tworzenia i przypisywania szablonów nagłówków oraz stopek. Dokumentacja instalacji wprost zaleca aktywację Elementora przed instalacją JetBlocks.

Kompatybilność z builderami i motywami

Uwaga o kompatybilności: widgety JetBlocks dostępne są wyłącznie w panelu Elementora – wtyczka nie integruje się z Bricks, Divi, Beaver Builder, WPBakery ani z Gutenbergiem w roli buildera nagłówka.

Oficjalnej tabeli kompatybilnych motywów producent nie publikuje. W praktyce JetBlocks bywa dołączany do motywów TemplateMonster, takich jak Monstroid², Journez i Shorex, gdzie buduje nagłówki i stopki – a to wskazuje na współpracę z motywami w pełni obsługującymi Elementor. Wtyczka pracuje na standardowym WordPress i Elementorze obsługujących polskie znaki diakrytyczne oraz walutę PLN, a etykiety widgetów lokalizuje się przez WPML.

Najczęściej zadawane pytania