# Carousel Anything: nyilak, pontok, függőleges mód és teljes szélesség

> A Carousel Anything nyilainak és pontjainak ki- és bekapcsolása, a függőleges diavetítés és a képernyő teljes szélességét kitöltő karusszel beállítása.

Ez a fejezet a [Carousel Anything](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/karuszell-navigacio-carousel-anything-attekintes/) megjelenését és irányát állítja: hol legyenek a nyilak és a pontok, hogyan mozogjon a karusszel függőlegesen, és hogyan nyúljon a böngészőablak két széléig.

## Mi kell hozzá

- A **Carousel Anything** widget bekapcsolva a **The Plus Addons → Widgets** oldalon.
- Diánként egy mentett, közzétett Elementor-sablon (**Sablonok → Mentett sablonok**).

## Nyilak és pontok

A beállítások a widget **Stílus → Carousel beállításai** szakaszának **Asztali gép** fülén vannak.

### Pontok

1. Jelöld ki a Carousel Anything widgetet, és nyisd meg a **Stílus** fület.
2. A **Pontok megjelenítése** alapból be van kapcsolva. Kapcsold ki, ha nem kellenek a pontok.
3. A **Pontok stílusa** listában az 1. stílus ingyenes, a 2. és a 7. között Pro.
4. A **Tartalomra helyezett pontok** (alapból be) a pontokat a diák aljára teszi. Kikapcsolva a pontok a diák alatt, külön sorban jelennek meg.
5. Pro: a **Pontok iránya** függőleges pontsort ad, a **Rámutatáskor megjelenő pontok** pedig csak akkor mutatja a pontokat, ha az egér a karusszel fölött van.

![Háromoszlopos karusszel nyilakkal és a diák alján lévő pontokkal](./kepek/karuszell-navigacio-5-nyilak-pontok.webp)

*Háromoszlopos karusszel nyilakkal és a diák alján lévő pontokkal* (https://minta-bolt.hu/tp-kn5-nyilak/)

A képen a pontok a diákra kerültek (**Tartalomra helyezett pontok** bekapcsolva), a két szélén a nyilak látszanak.

![A pontok a diák alatt, külön sorban](./kepek/karuszell-navigacio-5-pontok-alatta.webp)

*A pontok a diák alatt, külön sorban* (https://minta-bolt.hu/tp-kn5-pont-nelkul/)

Ugyanez a karusszel kikapcsolt **Tartalomra helyezett pontok** beállítással: a pontok nem takarják a dia tartalmát.

### Nyilak

1. Kapcsold be a **Nyilak megjelenítése** beállítást. Alapból ki van kapcsolva.
2. A **Nyilak stílusa** listában az 1. stílus ingyenes, a 2. és a 6. között Pro. A 3. és 4. stílusnál egy második, szintén **Nyilak stílusa** nevű lista a nyilak helyét adja meg: jobb felül, bal alul, alul középen vagy jobb alul.
3. A nyilak színét normál és rámutatásos állapotra külön állíthatod (Pro).
4. Pro: a **Külső tartalom nyila** a nyilakat a diákon kívülre viszi, a **Rámutatáskor megjelenő nyíl** csak rámutatáskor mutatja őket.

### Hogyan működik

- A pontra kattintva a karusszel az adott diára ugrik. A nyilak egy lépést mozgatnak (az **Összes látható oszlop** beállításnál egy teljes sort).
- A **Rámutatáskor megjelenő pontok** és **Rámutatáskor megjelenő nyíl** esetén a pontok, illetve nyilak láthatatlanok, amíg az egér a karusszel fölé nem ér.
- A **Pontok iránya** a pontokat függőleges oszlopba rendezi a karusszel bal oldalán.
- A táblagép és a mobil saját pontokat és nyilakat kaphat: kapcsold be a **Tablet** vagy **Mobil** fülön a **Reszponzív megjelenítés táblagépen**, illetve **mobilon** kapcsolót, és ott állítsd a **Pontok megjelenítése** és **Nyilak megjelenítése** értékét.

### Korlátok

- A **Külső tartalom nyila** helyet kér a két oldalon: a nyilak kb. 80 px-szel kerülnek kijjebb. Ha a tárolónak csak 40 px oldalsó paddingje van, a bal nyíl félig kilóg a képernyőről. Adj a tárolónak nagyobb oldalsó paddingot, vagy kapcsold ki a beállítást.
- Az ingyenes bővítményben a nyilak mindig ugyanúgy néznek ki (kicsi, háttér nélküli nyíl), bármit választasz a **Nyilak stílusa** listában. A nyíl háttérszíne itt nem hat.
- Ha a pontokat és a nyilakat is kikapcsolod, a látogató csak húzással, automatikus lejátszással vagy összekötött widgettel tudja mozgatni a karusszelt.

**A nyilak kilógnak a képernyő szélén.** Kapcsold ki a **Külső tartalom nyila** beállítást, vagy adj a tárolónak nagyobb oldalsó paddingot.

**A pontok eltakarják a dia tartalmát.** Kapcsold ki a **Tartalomra helyezett pontok** beállítást, így a pontok a diák alá kerülnek.

## Függőleges karusszel

Álló, keskeny helyen jobban illik, ha a karusszel fel-le mozog. A diák ilyenkor egymás alatt állnak, és minden lépés egy diával görget.

1. Add hozzá a Carousel Anything widgetet, és vedd fel a diákat a **Tartalom** szakaszban.
2. Nyisd meg a **Stílus → Carousel beállításai** szakaszt.
3. A **Diavetítés módja** legyen **Függőleges**.
4. Az **Asztali gép** fülön az **Asztali oszlopok** értéke adja meg, hány dia látszik egyszerre egymás alatt.

![Függőleges karusszel két egymás alatti diával](./kepek/karuszell-navigacio-5-fuggoleges.webp)

*Függőleges karusszel két egymás alatti diával* (https://minta-bolt.hu/tp-kn5-fugg/)

A képen két dia látszik egymás alatt, a nyilak a bal és a jobb szélen vannak.

- Két oszlopnál két dia látszik egymás fölött. A következő nyíl egy diával feljebb viszi a karusszelt, így a második és a harmadik dia jelenik meg.
- A **Dia iránya** és a **Diaanimáció** függőleges módban rejtve van. Ha a váltás előtt **Jobbról balra** irányt állítottál, annak nincs hatása.

Korlátok:

- A függőleges mód Pro funkció. Az ingyenes widgetben a lista **Függőleges (Pro)** néven látszik, és figyelmeztetést mutat.
- Függőleges módban nincs előtűnés/eltűnés animáció.

**Hiányzik a Dia iránya.** Ez így van rendjén: a beállítás csak **Vízszintes** módban látszik.

**Csak egy dia látszik.** Növeld az **Asztali oszlopok** értékét az **Asztali gép** fülön.

## Teljes szélességű karusszel

A Carousel Anything mindig kitölti a rendelkezésére álló helyet, ezért a teljes szélességet az Elementor oldal- és tárolóbeállításaival érheted el. A widgetnek nincs külön teljes szélesség kapcsolója. Az ingyenes bővítményben ez is működik.

1. Nyisd meg az oldalt az Elementorban, és kattints az **Oldalbeállítások** ikonra.
2. Az **Oldal elrendezése** legyen **Elementor Canvas** (fejléc és lábléc nélkül) vagy **Elementor Teljes szélesség** (a téma fejlécével és láblécével).
3. Jelöld ki a karusszelt tartalmazó tárolót, és az **Elrendezés** szakaszban állítsd a **Tartalom szélessége** értékét **Teljes szélesség**re.
4. A **Haladó** fülön a **Padding** minden oldalon legyen 0.
5. Tedd a Carousel Anything widgetet ebbe a tárolóba, és tedd közzé az oldalt.

![Teljes szélességű karusszel, amely a böngészőablak két széléig ér](./kepek/karuszell-navigacio-5-teljes-szelesseg.webp)

*Teljes szélességű karusszel, amely a böngészőablak két széléig ér* (https://minta-bolt.hu/tp-kn5-teljes/)

A képen a dia a böngészőablak bal szélétől a jobbig ér, a nyilak az ablak szélén ülnek.

- Elementor Canvas vagy Teljes szélesség elrendezéssel, teljes szélességű tárolóval és padding nélkül a karusszel pontosan olyan széles, mint az ablak (1200 px-es ablakon 1200 px, telefonméretű ablakon 390 px).
- A **Keretezett** tároló a karusszelt a keretezett szélességre és a padding levonásával korlátozza.

Korlátok:

- Az oldal elrendezése számít. A Twenty Twenty-Five témánál ugyanaz a teljes szélességű tároló a téma alapelrendezésén csak 645 px széles volt, mert a téma korlátozza a tartalom szélességét.
- A leírás Elementor-tárolókra vonatkozik.

**Oldalt még mindig van hézag.** Nézd meg a tároló **Paddingjét** a **Haladó** fülön, hogy a **Tartalom szélessége** **Teljes szélesség**-e, és hogy az **Oldal elrendezése** **Elementor Canvas** vagy **Elementor Teljes szélesség**-e.