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 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.

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.

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.

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ó.

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.