# Plus kiegészítők: Mágikus görgetés, egérparallaxis, 3D billentés és átfedési effektus

> A The Plus Addons widgetek Haladó fülén lévő Plus kiegészítők szakasz négy hatása: Mágikus görgetés, Parallaxis egérmozgással, 3D billentéses parallaxis és Speciális átfedési effektus.

A The Plus Addons widgetek **Haladó** fülén a **Plus kiegészítők** szakasz négy Pro hatást kínál: **Mágikus görgetés**, **Parallaxis egérmozgással**, **3D billentéses parallaxis** és **Speciális átfedési effektus**. Mind kiterjesztés, nem külön widget, ezért a **The Plus Addons → Extensions** oldalon (a **Plus Extras** csoportban, nem a Widgets oldalon) külön-külön be kell kapcsolni őket. Mindegyikhez Pro bővítmény kell.

A szakasz a The Plus Addons saját widgetjein (például a **Címsor**) jelenik meg. Az Elementor saját widgetjein a **Haladó** fülön nem látszik.

![A Plus kiegészítők szakasz a Haladó fülön, bekapcsolt Mágikus görgetéssel](./kepek/kiterjesztesek-3-magikus-panel.webp)

*A Plus kiegészítők szakasz a Haladó fülön, bekapcsolt Mágikus görgetéssel* (https://minta-bolt.hu/wp-admin/post.php?post=369&action=elementor)

A képen a szakasz kapcsolói láthatók: **Mágikus görgetés**, **Parallaxis egérmozgással**, **3D billentéses parallaxis**, **Speciális átfedési effektus** és **Vízszintes görgetés**. A vízszintes görgetés effektusai kizárólag a vízszintes görgetéssel működnek.

## Mágikus görgetés

A **Mágikus görgetés** a widget helyzetét, méretét, elforgatását vagy átlátszóságát az oldal görgetéséhez köti, így a widget finoman átalakul, miközben a képernyőn halad át.

### Beállítás

1. Kapcsold be a **Magic Scroll** kiterjesztést a **The Plus Addons → Extensions** oldalon, és mentsd.
2. Jelöld ki a widgetet, és nyisd meg a **Haladó → Plus kiegészítők** szakaszt.
3. Kapcsold be a **Mágikus görgetés** kapcsolót. Megjelennek a **Görgetési opciók** és a **Kezdő pozíció** (**Kezdeti** / **Végső** fülekkel) beállítások.
4. A **Kezdeti** és a **Végső** fülön állítsd be a kezdő és a záró vízszintes (X) és függőleges (Y) eltolást, az átlátszóságot, a méretet és az elforgatást.
5. Tedd közzé az oldalt, és görgesd: a widget a kezdő és a végső érték között változik, ahogy áthalad a képernyőn.

Ha egy almenü popoverét nem nyitod meg, az alapérték marad érvényben. A kezdő értékek: X 0, Y 0, átlátszóság 1, méret 1, elforgatás 0. A végső értékek: X 0, Y -50, átlátszóság 1, méret 1, elforgatás 0. Vagyis alapból csak egy kis felfelé mozgás történik, elhalványulás vagy méretváltozás nincs, amíg magad nem állítod be.

Alapbeállításokkal a görgetés közben a widget transzformációja az egységmátrixból kb. 23 képpontnyi függőleges eltolásig változott: valódi, a görgetéshez kötött függőleges elmozdulás, az alapértelmezett -50 képpontos végső értéknek megfelelő irányban.

### Hibaelhárítás

**Görgetéskor semmi nem változik.** Ellenőrizd, hogy a kiterjesztés be van kapcsolva a **The Plus Addons → Extensions** oldalon (**Plus Extras** csoport), és hogy a **Mágikus görgetés** be van kapcsolva a widget **Haladó** fülén.

## Parallaxis egérmozgással

A **Parallaxis egérmozgással** egy widgetet finoman elmozdít, amikor a látogató az egeret mozgatja fölötte, így a lapos szekciók térbelibbnek hatnak.

![A Parallaxis egérmozgással kapcsolója és a Parallaxisbeállítások a Haladó fülön](./kepek/kiterjesztesek-3-eger-panel.webp)

*A Parallaxis egérmozgással kapcsolója és a Parallaxisbeállítások a Haladó fülön* (https://minta-bolt.hu/wp-admin/post.php?post=371&action=elementor)

1. Kapcsold be a **Mouse Move Parallax** kiterjesztést a **The Plus Addons → Extensions** oldalon, és mentsd.
2. Jelöld ki a widgetet, és nyisd meg a **Haladó → Plus kiegészítők** szakaszt.
3. Kapcsold be a **Parallaxis egérmozgással** kapcsolót, és nyisd meg a **Parallaxisbeállítások** részt.
4. Állítsd be a vízszintes (X) és a függőleges (Y) mozgást. Mindkettő -100 és 100 között állítható, alapérték: 30. A nagyobb szám kisebb mozgást ad: az érték ellenállás, amellyel a bővítmény az egér eltolódását elosztja, nem képpontban megadott távolság.
5. Tedd közzé az oldalt, és mozgasd az egeret a widget fölött.

Működés: az egérmozgásra a widget belső eleme egységmátrixról valódi eltolásra vált (a mérésben kb. -6 és 2 képpont), a mozgás 0,5 másodperces lecsengéssel lassul be. Ha az egeret visszaviszed a közép felé, az elem visszasimul.

Ez widgetenként bekapcsolható, nem egy bizonyos widgettípushoz kötött funkció.

**Hibaelhárítás.** Ha a hatás nem látszik a nyilvános oldalon, ellenőrizd, hogy a kiterjesztés be van kapcsolva a **The Plus Addons → Extensions** oldalon (**Plus Extras** csoport), nem a Widgets oldalon.

## 3D billentéses parallaxis

A **3D billentéses parallaxis** térben megdönt egy widgetet, amint a látogató egere mozog rajta, mint egy kártya, amely a kurzor felé dől.

![A 3D billentéses parallaxis kapcsolója és a Billentési beállítások a Haladó fülön](./kepek/kiterjesztesek-3-tilt-panel.webp)

*A 3D billentéses parallaxis kapcsolója és a Billentési beállítások a Haladó fülön* (https://minta-bolt.hu/wp-admin/post.php?post=370&action=elementor)

1. Kapcsold be a **Tilt 3D Parallax** kiterjesztést a **The Plus Addons → Extensions** oldalon, és mentsd.
2. Jelöld ki a widgetet, és nyisd meg a **Haladó → Plus kiegészítők** szakaszt.
3. Kapcsold be a **3D billentéses parallaxis** kapcsolót.
4. A **Billentési beállítások** között állíthatod a méretet, a legnagyobb dőlésszöget, a perspektívát és a sebességet, ha az alapértékek túl finomak vagy túl erősek. Alapértékek: méret 1,1, legnagyobb dőlés 20°, perspektíva 400, sebesség 400 ms.
5. Tedd közzé az oldalt, és mozgasd az egeret a widget fölött.

Működés: rámutatáskor a widget transzformációja `none` állapotból valódi 3D mátrixra vált, és a hozzá tartozó billentő szkript betöltődik és az elemhez kötődik.

**Hibaelhárítás.** Ha a billentés nem látszik a nyilvános oldalon, ellenőrizd, hogy a kiterjesztés be van kapcsolva a **The Plus Addons → Extensions** oldalon (**Plus Extras** csoport), nem a Widgets oldalon.

## Speciális átfedési effektus

A **Speciális átfedési effektus** egy kétszínű lehúzó hatással mutatja meg a widgetet, amikor az görgetéskor a képernyőre ér, ahelyett, hogy egyszerűen megjelenne. Nem csak körhintára (Swiper) vonatkozik: bármelyik widgeten használható.

![A Speciális átfedési effektus kapcsolója és a Fedvény színe a Haladó fülön](./kepek/kiterjesztesek-3-atfedes-panel.webp)

*A Speciális átfedési effektus kapcsolója és a Fedvény színe a Haladó fülön* (https://minta-bolt.hu/wp-admin/post.php?post=372&action=elementor)

1. Kapcsold be az **Overlay Special Effect** kiterjesztést a **The Plus Addons → Extensions** oldalon, és mentsd.
2. Jelöld ki a widgetet, és nyisd meg a **Haladó → Plus kiegészítők** szakaszt.
3. Kapcsold be a **Speciális átfedési effektus** kapcsolót.
4. Állítsd be a két átfedési színt (alapértelmezés: `#313131` és `#ff214f`).
5. Tedd közzé az oldalt, és görgesd a widgetet a képernyőre: egyszer lejátszódik, amikor a widget a nézet nagyjából 85%-áig emelkedik.

Működés: görgetéskor a widget egy `animated` osztályt kap pontosan akkor, amikor a görgetési pont (a nézet 85%-a, egyszeri indítás) kiváltódik, és a két beállított szín az oldalba írt stílusblokkba kerül, a widget egyedi osztályát célozva.

### Korlátozás

A felfedés oldalbetöltésenként csak egyszer történik meg. Újra megnézéséhez töltsd újra az oldalt.

**Hibaelhárítás.** Ha nem történik semmi görgetéskor, ellenőrizd, hogy a kiterjesztés be van kapcsolva a **The Plus Addons → Extensions** oldalon (**Plus Extras** csoport), nem a Widgets oldalon, és hogy a widget a képernyő alján túl van, így a görgetési pontnak van helye kiváltódni.