Tovább a tartalomhoz

Rögzített oszlop és Részecskék

Konténer rögzítése görgetés közben, valamint animált részecskék a konténer hátterében.

A Rögzített oszlop kiterjesztés a konténer tartalmát görgetés közben a képernyőn tartja. Jól használható oldalsávhoz: a szűrők, a navigáció vagy az elérhetőségek látszanak akkor is, amikor a főtartalmat görgeted.

  1. A Crocoblock → JetPlugins Settings → JetTricks → Widgets & Extensions oldalon kapcsold be a Rögzített oszlop kapcsolót.
  2. Szerkeszd az oldalt az Elementorral. Hozz létre egy konténert, és tedd bele a tartalmat.
  3. Jelöld ki a rögzítendő konténert, és nyisd meg a Haladó → JetTricks szakaszt.
  4. Kapcsold be a Rögzített oszlop kapcsolót.
https://minta-bolt.hu/wp-admin/post.php?post=6&action=elementor
A konténer Haladó → JetTricks szakasza: Részecskék engedélyezése, Rögzített oszlop, Scroll Reveal

A kiterjesztés egy adott widgetre is alkalmazható, nem csak egész oszlopra.

Bekapcsolás után a következő mezők jelennek meg:

  • Top Spacing: a rögzített oszlop távolsága a konténer felső szélétől pixelben.
  • Bottom Spacing: a távolság az alsó széltől pixelben.
  • Sticky Behavior: Default (a görgetés végéig rögzített marad) vagy Scroll until end (a konténer végén megszűnik a rögzítés).
  • Sticky On: mely eszközökön működjön: Desktop, Tablet Portrait, Mobile Portrait.
  • Z-index: a rétegsorrend a többi elemhez képest.

Kattints a Közzététel gombra, majd az Előnézet segítségével próbáld ki.

Add hozzá az Oszlop blokkot, és töltsd fel tartalommal. A blokk beállításaiban nyisd ki a JetTricks → Sticky Column részt, és kapcsold be a Sticky Column kapcsolót. Beállítások: STICKY ALIGN (a rögzített tartalom pozíciója), TOP SPACING(PX), BOTTOM SPACING(PX), Z-INDEX, valamint a Sticky On Desktop, Sticky on Tablet és Sticky on Mobile jelölőnégyzetek.

  • Kell egyéni CSS? Nem, az alapbeállításhoz a beépített beállítások elegek.
  • Használhatom oldalsávhoz? Igen, ez az egyik leggyakoribb felhasználás.
  • Miért szűnik meg a rögzítés? A rögzített oszlopot a szülőkonténer és a környező elrendezés befolyásolja. Ellenőrizd a szülő magasságát és pozícionálását.
  • Miért fedi el más tartalmat? A pozíció, a térköz, a konténer magassága vagy a rétegsorrend okozhatja. Nézd át a környező elrendezést és a reszponzív beállításokat.
  • Használhatom együtt a JetBlocks rögzített szakaszával? Igen, egyszerre is működhetnek. A JetBlocks rögzített szakasza csak Elementorban érhető el, több dizájnbeállítással, és gyakran fejlécekhez használják.

A Részecskék kiterjesztés animált részecskemintát tesz a konténer hátterébe. Ehhez a Particles kapcsolót be kell kapcsolni a JetTricks → Widgets & Extensions oldalon.

  1. Nyisd meg az oldalt az Elementorban, és hozz létre egy új konténert.
  2. A mintának legyen elegendő helye: állíts be elég nagy minimális magasságot.
  3. Nyisd meg a konténer Haladó → JetTricks szakaszát, és kapcsold be a Részecskék engedélyezése kapcsolót. Megjelenik egy mező, ahová a részecskék JSON-kódját kell beilleszteni.
  4. A JSON-kódot egy részecskegenerátorral készítheted el: ott beállítható a részecskék száma, sűrűsége, alakja, színe és mérete. A kész beállítást töltsd le .json formátumban („Download current config”), nyisd meg egy szövegszerkesztőben, jelöld ki az egész kódot, és másold be a mezőbe.
  5. Frissítsd az oldalt, és nézd meg az effektet.

A JetTricks → General Settings oldalon a Particles Library Version beállítással választhatod ki a használt tsParticles könyvtár verzióját (lásd Beállítások).

Készült: Frissítve:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások