Tovább a tartalomhoz

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.

  • 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.
  1. Add a Körhinta widgetet a vászonhoz. Lásd: Elemek hozzáadása az oldalhoz.
  2. 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.
  3. Ú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.
  4. (Opcionális) Egy diára kattintva átírhatod a címét.
  5. 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.
  6. 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.
  7. Az egyenlő magasság bekapcsolásával minden dia ugyanolyan magas lesz.
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

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

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.

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:

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.

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:

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