# 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ó?

- 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

1. Add a **Körhinta** widgetet a vászonhoz. Lásd: [Elemek hozzáadása az oldalhoz](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elemek-hozzaadasa/).
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?](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-elrendezes-alapelvei/). 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.

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

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](https://hub.hellowp.io/hu/plugins/elementor/globalis-beallitasok-svg-es-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](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-merteku-egysegek/).
- **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

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

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](https://hub.hellowp.io/hu/plugins/elementor/stilus-hatter-tipusok/), [Szegély és lekerekítés](https://hub.hellowp.io/hu/plugins/elementor/stilus-szegely-es-lekerekites/), [Térköz, margó, padding](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-terkoz-margo-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

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.