Körhinta (Carousel) widget
Beágyazott elemekből épített körhinta: diák, megjelenített diák száma, automatikus lejátszás, nyilak, lapozás és stílus.
A Körhinta (Carousel) widget több tartalmat, például képeket, szöveget vagy más elemeket jelenít meg egyetlen, kompakt helyen. A diák beágyazott elemeket tartalmaznak, így minden diát külön megtervezhetsz: kombinálhatsz képeket, szövegeket, gombokat vagy bármilyen más Elementor-elemet.
Mire jó?
Szekció neve “Mire jó?”- Egy webáruház nyitó részében az első dia a termékekről szóló képeket mutatja, a második vásárlói véleményeket (cím, kép, csillagos értékelés, szöveg), a harmadik egy „Vásárlás” gombot, amely a termékkatalógusra vezet.
- Egy oktatási oldalon a kurzus témáit vagy moduljait görgethető körhintában mutatod.
- Több termék legfontosabb tulajdonságait egyetlen forgó körhintában jeleníted meg.
- Egy esemény részleteit egymás után mutatod a diákon.
A widget hozzáadása
Szekció neve “A widget hozzáadása”- Add a Körhinta widgetet a vászonhoz. Lásd: Elemek hozzáadása az oldalhoz.
- Alapból három dia van, mindegyikben egy konténer. Ezekbe tegyél elemeket a saját körhintád felépítéséhez. A konténerekről lásd: Mi az a konténer?. Ne tegyél körhintát körhintába, mert az ronthatja a működést.
- Új diát a Tartalom fülön, a diák szekciójában az elem hozzáadására szolgáló gombbal veszel fel. A meglévő dia pontos másolatát a másolás ikonnal készítheted el, a törlés ikonnal pedig törölheted.
- (Opcionális) Egy diára kattintva átírhatod a címét.
- A megjelenített diák számát legördülő listából választod. Minél több diát mutatsz egyszerre, annál kisebb lesz mindegyik.
- A görgetett diák számát (hány dia mozdul a navigációs ikonra kattintva) szintén legördülő listából választod.
- Az egyenlő magasság bekapcsolásával minden dia ugyanolyan magas lesz.
Tartalom fül
Szekció neve “Tartalom fül”| Beállítás | Mit csinál |
|---|---|
| Diák | A körhintát alkotó diák; másolás és törlés ikonnal kezelhetők |
| Megjelenített diák száma | Hány dia látszik egyszerre |
| Görgetett diák száma | Hány dia lép tovább a navigációs ikonra kattintva |
| Egyenlő magasság | Minden dia azonos magasságú |
| Automatikus lejátszás | A körhinta magától lapoz, amíg a látogató az oldalon van; kikapcsolható |
| Görgetési sebesség (ms) | Mennyi ideig marad egy dia a képernyőn, mielőtt a következőre vált; automatikus lejátszás kikapcsolva nem látszik |
| Szünet rámutatáskor | Az automatikus lejátszás megáll, amíg az egér a körhinta fölött van |
| Szünet kattintáskor | Az automatikus lejátszás megáll, ha a látogató a körhinta valamelyik elemére kattint |
| Végtelen görgetés | Kikapcsolva a körhinta az utolsó dia után nem indul újra; a szerkesztés közben nem működik, csak előnézetben vagy az élő oldalon |
| Átmenet időtartama (ms) | Mennyi idő alatt cseréli le az egyik dia a másikat |
| Irány | A lapozás iránya, balra vagy jobbra. Balra állításkor az első dia a körhinta bal szélén jelenik meg, jobbra állításkor a jobb szélén |
| Eltolt diák | A fő dia melletti további diák láthatósága: Nincs, Mindkettő (mindkét oldalon), Bal vagy Jobb |
Nyilak
Szekció neve “Nyilak”A nyilak az alapértelmezett navigációs ikonok: rájuk kattintva a látogató az előző vagy a következő diára lép. A kapcsolóval kikapcsolhatod őket.
Az Előző nyíl és a Következő nyíl külön állítható:
- Ikon: nincs ikon, saját SVG feltöltése (az SVG-támogatás bekapcsolásáról lásd: SVG-ikonok, ikonkönyvtár és soron belüli ikonok), vagy ikon az ikonkönyvtárból.
- Vízszintes: az ikon helye a körhinta elején, közepén vagy végén (orientáció), és egy csúszkával pontosan beállítható pozíció. A mértékegységekről lásd: Mértékegységek.
- Függőleges: az ikon helye a körhinta tetején, közepén vagy alján, és egy csúszkával pontosan beállítható pozíció.
Lapozás
Szekció neve “Lapozás”A lapozás jelzi, hol tart a látogató a körhintában. Háromféle lehet: pontok, tört (például 2/5) vagy folyamatjelző sáv. Ki is kapcsolhatod. A Stílus fülön a lapozás beállításai a választott módtól függően változnak.
Stílus fül
Szekció neve “Stílus fül”A Stílus fülön a diák, a navigációs ikonok és a lapozás megjelenését állítod.
Diák:
- Diák közti távolság: csúszkával állítható térköz.
- Háttér típusa, Szegély típusa, Szegély sugara, Padding: a diák háttere, szegélye, lekerekítése és belső térköze. Lásd: Háttér típusok, Szegély és lekerekítés, Térköz, margó, padding.
Nyilak (ikonok):
- Méret: a nyilak mérete csúszkával vagy számmezővel.
- Normál és Rámutatás állapot: az ikon színe és háttere alapállapotban és az egér fölé vitelkor.
- Szín: színválasztóval vagy globális színnel.
- Háttér típusa, Dobozárnyék, Szegély sugara, Padding.
- Pozíció: a navigációs ikonok a körhintán belül vagy kívül jelennek meg.
Pontok:
- Méret: a pontok mérete.
- Normál és Rámutatás állapot: a pontok megjelenése alapállapotban és az egér fölé vitelkor.
- Egyéni pozíció: a pontok helye a körhintán belül, vízszintesen (balra, középre, jobbra vagy pontos távolság) és függőlegesen (fent, középen, lent vagy pontos távolság).
- Térköz a diáktól: a pontok és a diák távolsága.
Tört:
- Tipográfia és Szín: a tört megjelenése.
- Egyéni pozíció: a tört helye vízszintesen és függőlegesen, a pontokhoz hasonlóan.
- Térköz a diáktól: a tört és a diák távolsága.
Folyamatjelző sáv:
- Magasság: a sáv vastagsága.
- Normál és Rámutatás állapot, Szín.
Haladó fül
Szekció neve “Haladó fül”A Haladó fülön a widget pozícióját, térközeit és egyedi kódját állíthatod, mint a többi widgetnél.
Készült: