# Előtöltő: oldalátmenetek be- és kilépéskor

> Az Előtöltő widget Oldalátmenet szakasza: öt hatás a betöltőképernyő eltűnésére és az oldalról való kilépésre, irányok, a kimenő átmenet és az Exclude Class buktatója.

Az oldalátmenet azt szabályozza, hogyan tűnik el a betöltőképernyő, és mi történik, amikor a látogató egy linkre kattintva elhagyja az oldalt. A hirtelen váltás helyett tudatos mozgást kapsz. Az **Előtöltő** widget **Oldalátmenet** szakasza öt hatást kínál a belépéshez, és ugyanazt az ötöt a kilépéshez. A widget a Pro bővítmény része.

Előfeltétel a két kapcsoló, amelyet az [áttekintő fejezet](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-eloto-attekintes/) ír le: a widget bekapcsolása a **The Plus Addons → Widgets** oldalon, és a webhelyszintű **Pre Loader** beállítás az **Extra Options → Settings → Design** fülön. Amíg ez utóbbi nincs meg, a nyilvános oldalon semmi sem jelenik meg.

## Bejövő átmenet

1. Állítsd be az előtöltődet a **Tartalom** fülön.
2. Nyisd meg az **Oldalátmenet** szakaszt.
3. A **Bejövő átmenet** alatt válassz hatást az **Átmenet** mezőben. Alapértéke az **Áttűnés**.
4. Ha megjelenik az **Irány** mező, válaszd ki, honnan érkezzen a hatás.
5. Frissítsd az oldalt, és nyisd meg.

![Az Oldalátmenet szakasz bekapcsolt kimenő átmenettel](./kepek/kepek-media-eloto-athmenet-panel.webp)

*Az Oldalátmenet szakasz bekapcsolt kimenő átmenettel* (https://minta-bolt.hu/wp-admin/post.php?post=178&action=elementor)

A képen a **Bejövő átmenet** és a bekapcsolt **Kimenő átmenet** saját **Átmenet** és **Irány** mezőivel látszik, alatta a **Kizárandó osztály** mező.

### Az öt hatás

| Átmenet | Irányok |
|---|---|
| **Áttűnés** (alapérték) | Nincs irány, a fedőréteg egyszerűen elhalványul |
| **Csúsztatás** | **Bal**, **Jobb**, **Felül**, **Alul** |
| **Hármas suhanás** | A négy oldal és a négy sarok |
| **Egyszerű** | A négy oldal és a négy sarok |
| **Kettős mozgás** | A négy oldal és a négy sarok |

Az **Irány** mező csak azoknál a hatásoknál jelenik meg, amelyek használnak irányt, ezért az **Áttűnés** mellett nincs.

A **Stílus** fül **Átmeneti effektus** szakaszában egyes átmenetek színei állíthatók.

## Kimenő átmenet

A kimenő átmenet akkor játszik le, amikor a látogató egy linkre kattint: a betöltőképernyő visszacsúszik az oldalra, mielőtt a következő oldal megérkezne.

1. Kapcsold be a **Kimenő átmenet** kapcsolót.
2. Válassz hatást a második **Átmenet** mezőben. Alapértéke az **Áttűnés**.
3. Ha kínál, állítsd be az **Irány**t.
4. Frissítsd az oldalt, és kattints egy linkre.

Használd mindkét irányban ugyanazt a hatást. A bejövő és a kimenő hatás külön beállítás, és ha az egyik csúsztatás, a másik hármas suhanás, a kettő két egymáshoz nem tartozó animációnak látszik. Az irány eltérhet, a hatás legyen azonos.

## Kizárandó osztály: olvasd el használat előtt

A **Kizárandó osztály** mező úgy hangzik, mintha bizonyos linkeket kivenne a kimenő átmenetből. A kipróbált működés ennek a fordítottja.

| Kizárandó osztály | Hagyományos link | A megadott osztályú link |
|---|---|---|
| üres | Az átmenet lejátszik | Az átmenet lejátszik |
| `.my-class` | Nem történik semmi | Az átmenet lejátszik |

Vagyis a mező kitöltése nem kizár, hanem leszűkít: a kimenő átmenet csak azokon a linkeken indul el, amelyek a megadott osztályt viselik, máshol nem. Amíg ez nem változik, hagyd üresen a mezőt, hacsak nem pontosan erre a viselkedésre van szükséged.

## Hogyan viselkedik

- Kikapcsolt **Kimenő átmenet** mellett a kilépési hatás teljesen ki van kapcsolva: a widget eltávolítja a saját jelölőosztályát az oldalról, és egyetlen kattintást sem fog el.
- Bekapcsolt kimenő átmenet és üres **Kizárandó osztály** esetén a hatás a hagyományos linkeken játszik le. Nem játszik le horgonyokon, e-mail-linkeken, lightbox-linkeken, kosárba tevő gombokon, a wp-admin linkjein és új lapon nyíló linkeken. A Ctrl, Shift vagy Cmd nyomva tartásával kattintott linket sem fogja el.
- A bejövő átmenet akkor játszik le, amikor a betöltőképernyő eltűnik, nagyjából egy másodperccel az oldal betöltése után.

![Az oldalátmenet az oldal betöltésekor: a fedőréteg még látszik a logóval](./kepek/kepek-media-eloto-athmenet.webp)

*Az oldalátmenet az oldal betöltésekor: a fedőréteg még látszik a logóval* (https://minta-bolt.hu/km4-eloto-athmenet/)

A képen a logós betöltőképernyő látszik közvetlenül az átmenet előtt.

## Korlátozások

- A **Kizárandó osztály** szűkít ahelyett, hogy kizárna, lásd fent.
- Egyik átmenethez sincs időtartam- vagy gyorsulásgörbe-beállítás.
- A nyilvános oldalon addig nem jelenik meg semmi, amíg a webhelyszintű **Pre Loader** beállítás nincs bekapcsolva.

## Hibaelhárítás

**Nincs kimenő átmenet, amikor egy linkre kattintok.** Ellenőrizd, hogy a **Kimenő átmenet** be van-e kapcsolva, és hogy a **Kizárandó osztály** üres-e. Nézd meg azt is, hogy hagyományos linkről van-e szó: a horgonyokat, az új lapon nyíló linkeket és a gombokat a widget szándékosan kihagyja.

**Az átmenet véget ér, mielőtt észrevenném.** Az **Egyéb opció → Betöltési idő** értékét állítsd **Minimum**ra egy **Idő (másodperc)** értékkel, hogy a betöltőképernyő elég ideig látsszon.

**A be- és kilépő hatás nem illik össze.** Válaszd ugyanazt a hatást mindkét **Átmenet** mezőben.