Jet Parallax to płatna wtyczka-dodatek do page buildera Elementor, która dokłada do sekcji wielowarstwowe efekty parallax — warstwy obrazów przewijane z różną prędkością, budujące iluzję głębi. Trafia do projektantów stron w Elementorze, którzy tworzą landingi, strony one-page i portfolio z animowanymi tłami. Całość konfiguruje się wizualnie z panelu sekcji, bez kodu i bez Elementor Pro.
Wielowarstwowy parallax z efektami mouse move, scroll i 3D
Jet Parallax dodaje do sekcji Elementora blok, w którym składa się dowolną liczbę warstw obrazów. Każdej warstwie nadaje osobny typ ruchu i prędkość. Do wyboru jest dziewięć typów efektu — Mouse Move, przewijanie pionowe i poziome, Scrolling Zoom, Rotate, Blur, Transparency, aż po efekt 3D, który buduje wrażenie obiektu wychodzącego z ekranu.
Rdzeniem produktu jest kompozycja warstwowa. W bloku „Jet Parallax” w ustawieniach sekcji wystarczy kliknąć „Add Item”, żeby dołożyć kolejny obraz nakładany na tło — i powtórzyć to tyle razy, ile wymaga scena. Odczucie przestrzeni bierze się właśnie z różnicy prędkości między warstwami.
Dziewięć typów ruchu — od mouse move po efekt 3D
Każdej warstwie przypisuje się jeden typ efektu, więc w obrębie jednej sekcji można mieszać różne rodzaje ruchu. Pełną, nazwaną listę dziewięciu typów potwierdza dokumentacja bliźniaczej funkcji z rodziny Jet — poniższe zestawienie pozostaje reprezentatywne dla tej klasy efektów:
- None — warstwa statyczna, bez ruchu, przydatna dla tła osadzonego pod warstwami animowanymi.
- Vertical Scroll i Horizontal Scroll — warstwa przesuwa się w pionie lub poziomie wraz z przewijaniem strony.
- Mouse Move — warstwa reaguje na ruch kursora, przesuwając się przeciwnie do myszy.
- 3D — ruch za kursorem połączony z rotacją, dający wrażenie obiektu wychodzącego z ekranu.
- Scrolling Zoom, Rotate, Blur i Transparency — przy przewijaniu obraz odpowiednio przybliża się, obraca, traci ostrość albo zmienia przezroczystość (fade in / fade out).
Sterowanie warstwami: prędkość, Z-Index i pozycja
Typ ruchu to dopiero początek. Każda warstwa ma własny zestaw parametrów do precyzyjnego ułożenia sceny — prędkość, kolejność nakładania i pozycja obrazu ustawiają się osobno dla każdego elementu kompozycji.
- Parallax Speed — prędkość ruchu warstwy w procentach; im wyższa wartość, tym wyraźniejszy ruch, a dopuszczalne są wartości powyżej 100%.
- Z-Index — decyduje, która z nakładających się warstw jest na wierzchu, co pozwala budować złożone, wielopoziomowe sceny.
- Background X / Y Position — pozioma i pionowa pozycja obrazu w procentach, z obsługą wartości ujemnych i przekraczających 100%.
- Background Size — Auto, Cover lub Contain, czyli sposób dopasowania obrazu warstwy do sekcji.
- Animation Property — Background Position, Transform albo Transform 3D; dokumentacja wskazuje Transform jako właściwość rekomendowaną, a Transform 3D w połączeniu z Mouse Move daje efekt obiektu trójwymiarowego.
Konfiguracja wizualna w panelu sekcji, bez kodu
Całość ustawia się w panelu Elementora, w ustawieniach sekcji, bez znajomości CSS ani JavaScript. Warstwy powstają z własnych obrazów wgranych do biblioteki mediów WordPressa albo wybranych z istniejących już plików. Podgląd zmian widać od razu w edytorze.
Gdzie sprawdza się Jet Parallax — landingi, one-page i portfolio
Jet Parallax sprawdza się przy stronach mocno wizualnych — sekcjach hero na landingach, stronach one-page ze storytellingiem, portfolio i ilustracjach kreatywnych, gdzie ruch warstw buduje głębię i prowadzi wzrok podczas przewijania. Najwięcej daje projektantom w Elementorze, którzy chcą efektownego tła bez kodowania i bez Elementor Pro.
Sekcja hero i strony sprzedażowe
Na landing page’u sekcja hero często decyduje o pierwszym wrażeniu, a statyczny nagłówek łatwo umyka uwadze odwiedzającego. Dwie lub trzy warstwy — tło oraz element pierwszego planu — z typem Mouse Move lub Vertical Scroll i zróżnicowaną prędkością sprawiają, że nagłówek reaguje na ruch myszy i przewijanie.
Parametry Parallax Speed i Z-Index dopasowują siłę efektu tak, żeby wspierał komunikat, a nie odciągał od niego uwagi.
Strony one-page i portfolio ze storytellingiem
Na długiej stronie one-page kolejnym sekcjom nadaje się różne typy efektu, prowadząc oko odbiorcy przez wizualną narrację. Scrolling Zoom podkreśla sekcję wprowadzającą, Scrolling Blur skupia uwagę na wybranym elemencie, a Scrolling Rotate dodaje dynamiki przejściom.
W projektach kreatywnych każdy element ilustracji bywa osobną warstwą z własnym Z-Index, pozycją i prędkością — złożona grafika zmienia się wtedy w animowaną scenę bez użycia wideo. Efekt 3D w połączeniu z Transform 3D i Mouse Move buduje z kolei prezentację produktu, w której obiekt obraca się i przesuwa za kursorem.
Dla kogo Jet Parallax nie jest najlepszym wyborem
Jet Parallax to narzędzie wąsko wyspecjalizowane i do części projektów lepiej pasują inne rozwiązania. Poniższe przypadki przesądzają o tym, zanim wtyczka trafi do projektu.
Dla kogo Jet Parallax nie jest najlepszym wyborem:
- użytkownicy innych builderów niż Elementor — Gutenberga, Bricks, Divi czy WPBakery — bo wtyczka działa wyłącznie w obrębie Elementora;
- projekty, które stawiają na maksymalną wydajność i Core Web Vitals — wiele warstw obrazów i biblioteki efektów obciążają ładowanie strony;
- osoby, którym wystarczy prosty parallax tła sekcji — tę funkcję ma już wbudowaną Elementor Pro w ramach Motion Effects;
- zespoły szukające rozwiązania aktywnie rozwijanego „na lata” — Jet Parallax to produkt legacy (patrz sekcja o statusie produktu).
Miejsce Jet Parallax w rodzinie Jet i status produktu
Jet Parallax należy do rodziny wtyczek Jet, tworzonej historycznie przez Zemez, a obecnie należącej do Crocoblock. Tę samą rodzinę efektów parallax realizują dziś dwie aktywnie rozwijane wtyczki z tego ekosystemu — JetElements z rozszerzeniem Section Parallax dla tła sekcji oraz JetTricks z widgetem Parallax dla kolumn i pojedynczych widgetów.
Uwaga o statusie produktu: Jet Parallax jest dziś produktem legacy. Dedykowana strona została wygaszona, dokumentacja pochodzi z lat 2018–2021. Crocoblock nie utrzymuje już osobnej wtyczki pod tą nazwą — przeniósł funkcjonalność parallax do JetElements i JetTricks. Sama funkcjonalność jest dobrze opisana i działa zgodnie z dokumentacją, ale wtyczka nie dostaje już bieżącego rozwoju jako oddzielny produkt.
Pokrewne wtyczki: JetElements i JetTricks
JetElements i JetTricks to dwie wtyczki z rodziny Jet, które dziś prowadzą funkcjonalność parallax. Różnią się zakresem zastosowania efektu względem Jet Parallax.
- JetElements (Section Parallax) — rozszerzenie odpowiadające za parallax tła sekcji, oparte na tej samej rodzinie typów efektu i parametrów warstwy co Jet Parallax, z dokumentacją aktualizowaną pod nowy Elementor.
- JetTricks (widget Parallax) — stosuje parallax nie tylko do tła sekcji, lecz także do kolumn i pojedynczych widgetów, a w wersji 2.0 dokłada natywne wsparcie Gutenberga.
Parallax w Jet Parallax a Motion Effects w Elementor Pro
Elementor Pro zawiera własne Motion Effects, które dodają parallax i efekty ruchu bez dodatkowej wtyczki. Ich zakres ogranicza się jednak głównie do tła sekcji i pojedynczych widgetów, bez wielowarstwowych scen budowanych z kilku obrazów o różnych prędkościach. Jet Parallax różni się tym, że pracuje na dowolnej liczbie warstw nakładanych na tło i działa niezależnie od posiadania Elementor Pro — wystarczy darmowy Elementor jako baza.
Wymagania, instalacja i kompatybilność z Elementorem
Jet Parallax wymaga zainstalowanego i aktywnego Elementora — bez niego wtyczka nie działa, a Elementor Pro nie jest do niej potrzebny. Instalacja idzie z pliku ZIP przez Wtyczki > Dodaj nową > Wyślij, a wymagania środowiskowe pokrywają się z wymaganiami Elementora, bo Jet Parallax pracuje w jego obrębie.
Wartości WordPress, PHP, MySQL i pamięci w poniższej tabeli są dziedziczone z wymagań Elementora, a nie osobną deklaracją producenta Jet Parallax. To Elementor stanowi środowisko uruchomieniowe, więc spełnienie jego wymagań jest warunkiem poprawnego działania efektów.
| Parametr | Wartość |
|---|---|
| Wymagany page builder | Elementor (zainstalowany i aktywny przed instalacją) |
| Elementor Pro | Niewymagany — wtyczka działa z darmowym Elementorem |
| Wersja WordPress | 6.5 lub nowsza (przez wymóg Elementora) |
| Wersja PHP | 7.4 lub nowsza (rekomendowana 8.x, przez wymóg Elementora) |
| MySQL / MariaDB | MySQL 5.6+ lub MariaDB 10.5+ (przez wymóg Elementora) |
| Limit pamięci PHP | 256 MB minimum, rekomendowane 512 MB (przez wymóg Elementora) |
| Builder docelowy | Wyłącznie Elementor (brak natywnego wsparcia Gutenberg, Bricks, Divi) |
| Instalacja | Upload pliku ZIP, następnie aktywacja |
| Obsługa per urządzenie | Enable On Device — desktop, tablet, mobile |
Uwaga o aktualności środowiska: dokumentacja Jet Parallax opisuje starszy model pracy w Elementorze, oparty na sekcjach i kolumnach, podczas gdy aktualny Elementor używa kontenerów Flexbox i Grid. Zachowanie wtyczki na najnowszych instalacjach Elementora wymaga weryfikacji przed wdrożeniem na produkcję.
Najczęściej zadawane pytania
Czy wtyczka parallax działa z darmowym Elementorem?
Tak, Jet Parallax działa z darmowym Elementorem i nie wymaga wersji Pro. Wtyczka dokłada własny, wielowarstwowy mechanizm parallax niezależnie od tego, czy zainstalowany jest Elementor Pro. Liczy się tylko obecność aktywnego Elementora, bo Jet Parallax rozszerza ustawienia sekcji tego buildera. Konfiguracja efektów odbywa się w panelu sekcji, bez płatnej wersji buildera.
Czy da się zrobić parallax bez Elementora?
Jet Parallax nie zadziała bez Elementora — to dodatek do tego konkretnego buildera i poza nim nie renderuje żadnych efektów. Blok parallax wchodzi wyłącznie do ustawień sekcji Elementora, więc Gutenberg, Bricks czy Divi pozostają poza obsługą. W ekosystemie Jet kierunek na inne edytory prowadzą osobne produkty, na przykład JetTricks 2.0 z natywnym wsparciem Gutenberga.
Czy Jet Parallax obsługuje wielowarstwowy parallax?
Tak, wielowarstwowy parallax jest rdzeniem Jet Parallax. W bloku „Jet Parallax” dodaje się dowolną liczbę warstw obrazów przez „Add Item”, a każda warstwa ma własny typ ruchu, prędkość, Z-Index i pozycję. Różnica prędkości między warstwami buduje iluzję głębi, a kolejność nakładania ustala parametr Z-Index. Z kilku obrazów składa się w ten sposób animowaną scenę przewijaną z różnym tempem.
Czy da się zrobić parallax z tłem wideo w Elementorze?
Jet Parallax operuje na warstwach obrazów, a nie na tłach wideo — kompozycję buduje się z grafik wgranych do biblioteki mediów. Efekt ruchu i głębi powstaje z przesuwania i animowania tych warstw, co dla wielu scen kreatywnych zastępuje wideo i mniej obciąża stronę. Jeśli projekt wymaga konkretnie tła wideo z efektem parallax, to osobny mechanizm spoza zakresu tej wtyczki.
Czy darmowy Elementor ma efekty parallax?
Darmowy Elementor ma mocno ograniczony parallax, a rozbudowane efekty ruchu zaczynają się dopiero w Elementor Pro w ramach Motion Effects — i tam głównie dla tła sekcji oraz pojedynczych widgetów. Jet Parallax dokłada do darmowego Elementora wielowarstwowy parallax z dziewięcioma typami ruchu, sterowany wizualnie z panelu sekcji. Warstwowe sceny powstają więc bez sięgania po płatną wersję buildera.
Czy parallax nie psuje wydajności i użyteczności strony?
Efekty parallax opierają się na bibliotekach JavaScript i wielu warstwach obrazów, więc przy nadużyciu obciążają ładowanie i płynność strony — to cecha całej tej klasy narzędzi, nie wada specyficzna dla Jet Parallax. Ograniczenie efektu do kilku sekcji i optymalizacja obrazów zmniejszają ten wpływ. Parametr Enable On Device wskazuje dodatkowo, na których urządzeniach warstwa parallax ma się pojawiać, co bywa istotne dla wygody na ekranach mobilnych.
Opinie
Na razie nie ma opinii o produkcie.