Elementor 3.34: Atomic Tabs és belépő animációk az Editor V4-ben

Ha az Elementor „Editor V4 / Atomic Editor” vonalát eddig fél szemmel figyelted, akkor az Elementor 3.34 az a verzió, ahol már kézzelfoghatóan kezd összeállni a kép. Nem csak apró UI-csiszolásról van szó: jött egy régóta kért építőkocka (Atomic Tabs), és megérkezett az Interactions rendszer első lépcsője (Entrance Interactions) – kifejezetten performance-barát, „nem túltolt” mozgásokkal.

Nézzük meg fejlesztői szemmel, mi változott, miért érdekes ez a komponens-alapú (atomic) megközelítés, és hol tudod bekapcsolni, ha ki akarod próbálni.

Mi az a „atomic” megközelítés, és miért számít?

Az Atomic Editor lényege, hogy a klasszikus „egy widget mindent csinál” logika helyett különálló, egymásba ágyazható elemekből építed fel a UI-t. Ez azért nagy dolog, mert így a komponensek struktúrája átláthatóbb, a stílusok kiszámíthatóbban öröklődnek, és a design system (Global Classes, kaszkád, guardrail-ek) nem egy monolit widget belső varázslatán múlik.

A tabok tipikusan azok a felületek, ahol a monolit widgetek gyorsan falnak mennek: triggerben csak szöveg/ikon, panelben csak „valami”, a stílusok meg hol a wrapperre, hol a belső elemre mennek. Na most jön a lényeg: az Atomic Tabs pont ezt a kötöttséget bontja le.

Atomic Tabs: tabok, amiket tényleg szabadon tudsz összerakni

Az Atomic Tabs (a forrásban „Nested Tabs”-ként is szerepel a struktúra magyarázatánál) egy új, moduláris tab rendszer az Atomic Editorban. A trükk az, hogy a tab komponens nem egyetlen widget, hanem több Atomic Element együttese, amiket külön-külön tudsz stílusolni és osztályozni.

A tab struktúra (ahogy az editor is látja)

A felépítés hierarchikusan néz ki, és ez azért jó, mert a Structure panelben is tisztán követhető:

• Tabs – a fő wrapper
• Tabs menu – másodlagos wrapper, benne a trigger sor
• Tab trigger – az egyes tab „fülek” (kattintható elemek)
• Tabs content area – másodlagos wrapper, a panelek konténere
• Tab content – az egyes tab panelek tartalma

Ami igazán király ebben: a triggerbe és a panelbe is bármilyen tartalmat be tudsz rakni. Ez a gyakorlatban azt jelenti, hogy nem vagy rákényszerítve a „szöveg + ikon” sablonra: lehet összetettebb trigger (pl. badge, mini layout), és a panel is lehet komplex komponens-fa.

Selected state a triggerekhez: végre normális aktív stílus

A triggerek kaptak egy dedikált Selected state-et, amit kifejezetten az aktív tab stílusolására találtak ki. Ez azért fontos, mert így nem kell kerülőutakat keresni (custom CSS, furcsa specifitás-harc), és az aktív állapot konzisztensen kezelhető.

Entrance Interactions: finom animációk külön Interactions fülön

A 3.34 másik nagy dobása az Interactions rendszer első köre, Entrance Interactions néven. Itt nem „timeline editor” és nem nehéz preset-csomagok jönnek, hanem egy letisztult, paraméterezhető animációs réteg, ami kifejezetten a belépési (entrance) mozgásokra fókuszál.

Az editor UI-ban ez úgy jelenik meg, hogy a General és Style mellé felkerült egy külön Interactions tab. Praktikus, mert nem keveredik a layout/styling beállítások közé, és a logika is „atomic”: egy külön, jól körülhatárolt képesség-csomag.

Milyen beállításokat kapsz?

• Trigger: page load vagy scroll into view
• Effect: Fade, Slide, Scale
• Type: In vagy Out
• Direction: Up, Down, Left, Right (irányfüggő effekteknél)
• Duration: 0.1s–3s
• Delay: 0–2s

Itt jön a trükk: több effektet is egymásra tudsz pakolni ugyanarra az elemre (pl. Fade + Slide + Scale), és van egy beépített Preview gomb, amivel azonnal újrajátszod az animációt, miközben finomhangolod a timingot.

Bekapcsolás: hol találod az Editor V4 kapcsolót?

Ha ki akarod próbálni az Atomic Tabs-ot és az Entrance Interactions-t, az út a szokásos Elementor beállításokon át vezet. A forrás alapján jelenleg ez az Editor V4 aktiválásához kötött.

1. Frissíts Elementor 3.34 verzióra.
2. WordPress adminban menj ide: Elementor → Settings → Editor V4 fül.
3. Kattints az Activate gombra.

A kommunikáció szerint 2026 első negyedévében várható egy production-ready Beta rollout, majd nem sokkal később a teljes kiadás.

Videó: gyors áttekintés a frissítésről

Összefoglaló: kinek éri meg most ránézni?

Ha Elementorral dolgozol és fontos neked a komponens-szintű újrahasznosíthatóság, a kiszámítható stílus-öröklődés és a „nem romlik szét két hónap múlva” design system, akkor az Atomic irány jó eséllyel a te világod. Az Atomic Tabs végre olyan tab rendszert ad, ami nem korlátoz be tartalomban és stílusban, az Entrance Interactions pedig egy vállalható, performance-központú belépő animációs réteg – külön fülön, tiszta paraméterekkel.