# Haladó carousel

> Képekből vagy JetEngine-lekérdezés találataiból körhinta a Haladó carousel widgettel: tételek, beállítások, lejátszás és navigáció.

A **Haladó carousel** widgettel képeket vagy bejegyzéseket tehetsz körhintába: több tétel látszik egyszerre, lapozással vagy navigációs elemekkel.

## Követelmények

- Elementor (az ingyenes változat is elég), blokkszerkesztő (Gutenberg) vagy Bricks.
- A JetElements bővítmény aktív.

## A widget hozzáadása

1. Nyisd meg az oldalt az Elementorral.
2. Keresd meg a **Haladó carousel** widgetet, és húzd a kívánt helyre.

## Diák

A **Tartalom → Diák** szakasz az alapból nyitott. Ha a JetEngine is aktív, itt van a **JetEngine lekérdezés használata** kapcsoló: bekapcsolva a **Lekérdezés kiválasztása** listából a JetEngine Query Builderében létrehozott egyéni lekérdezést használhatod a körhinta forrásaként. Ilyenkor csak egy tételt kell beállítani, ez szolgál sablonul a találatok megjelenítéséhez; használd az alapból meglévőt. Képhez ilyenkor dinamikus címkéket (Dynamic Tags) érdemes használni; ezek a JetEngine bővítménnyel vagy az Elementor Pro-val érhetők el.

Ha nem használsz lekérdezést, a tételeket kézzel veszed fel az **Elem hozzáadása** gombbal, annyit, amennyit szeretnél.

![A Diák szakasz az első tétellel](./kepek/medialis-widgetek-korhinta-tetel.webp)

*A Diák szakasz az első tétellel* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

Egy tétel mezői:

| Mező | Mit csinál |
| --- | --- |
| Kép | Kép a médiatárból. |
| Tartalomtípus | **Alapértelmezett**: mindent te állítasz be. **Sablon**: kész sablont használsz a tételekhez. |
| Tétel címe | A kép alatt jelenik meg. |
| Tétel leírása | További szöveg. |
| Elem hivatkozása | Hová vigyen a tétel (például egy termékoldalra vagy más oldalra). |
| Link megnyitása új ablakban, Nofollow hozzáadása | A hivatkozás új lapon nyílik, illetve `nofollow` attribútumot kap. |
| Tétel gombjának szövege | Ha üresen hagyod, a tételnek nincs gombja; ha kitöltöd, megjelenik. |

A **Tétel linkjének típusa** a tételek alatti beállítás (például **URL**).

## Beállítások

![A Haladó carousel Beállítások szakasza](./kepek/medialis-widgetek-korhinta-2.webp)

*A Haladó carousel Beállítások szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál |
| --- | --- |
| Elemek elrendezése | **Egyszerű**: a képek alatt áll a cím és a leírás. **Banner**: a cím és a leírás közvetlenül a képen van. Bannernél megjelenik az **Animációs effekt** mező is, amellyel az elemek megjelenési hatását választhatod. |
| Képek mérete | A képek mérete. |
| Cím HTML-címkéje | A cím mérete és fontossága. |
| Lazy Load Images | Javítja a megjelenítés sebességét: a körhinta csak görgetéskor töltődik be, nem az oldal megnyitásakor. |
| Hivatkozás címe | Bekapcsolva a cím is hivatkozás lesz. |
| Azonos oszlopmagasság | Az oszlopok magassága egyforma lesz. |
| Rugalmas oszlopszélesség | Az oszlopok szélessége a kép méretétől függően eltérhet. |
| Hide Slides Without Images | A kép nélküli tételeket elrejti. |
| Random Slides Order | A diák véletlen sorrendben jelennek meg. |
| Megjelenítendő diák száma | Hány dia látszik egyszerre. Ha 1-et adsz meg, a körhinta diavetítésként viselkedik. |
| Görgetésenkénti diák száma | Hány diát léptet egyszerre. |
| Nyilas navigáció megjelenítése | Nyilak; az ikonjuk kiválasztható. A nyilakat és a pontokat egyszerre is használhatod. A navigáció lehet még pontsor vagy törtjelzés is. |

## További lehetőségek

![A További lehetőségek szakasz](./kepek/medialis-widgetek-korhinta-3.webp)

*A További lehetőségek szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál |
| --- | --- |
| Szüneteltetés rámutatáskor | Az automatikus léptetés megáll, ha az egérmutató egy tétel fölé ér. |
| Automatikus lejátszás | A tételek maguktól balra lépnek. Az **Automatikus lejátszás sebessége** mezőben adhatod meg az időt. |
| Végtelen ismétlés | A körhinta végtelenül forog: az utolsó tétel után rögtön az első jön. |
| Középre igazítási mód | Az éppen aktív tétel a blokk közepén áll, nem a bal szélén. |
| Animáció sebessége | A görgetés sebessége ezredmásodpercben. |

## Stílus

A **Stílus** fülön az oszlopokat, a tételeket, a cím és a tartalom tipográfiáját, a nyilakat, a pontokat és egyebeket formázhatod. Végül kattints a **Közzététel** gombra.