# Kibontás (Unfold) widget: beállítások áttekintése

> A Kibontás widget forrásai, gombjai, tartalombeállításai és stílusai: szöveg, sablon, konténer vagy belső szakasz összecsukása Bővebben és Kevesebb gombbal.

Az összecsukható tartalom rövidre tartja a hosszú oldalt: a látogató csak az elejét látja, a többit egy kattintással nyithatja ki. A **Kibontás** (angolul Unfold) widget szöveget, sablont, konténert vagy belső szakaszt vág egy megadott magasságra, és **Bővebben** / **Kevesebb** gombot tesz alá. Kérhetsz mellé egy második gombot is, amely csak a kibontás után jelenik meg.

## Előkészületek

- A **Kibontás** Pro widget. Az ingyenes bővítményben zárolt ikonnal látszik az elemek között, és az az oldal, amelyen már van **Kibontás** widget, Pro nélkül nem jeleníti meg.
- Az Elementornak, a The Plus Addons for Elementornak és a Pro változatnak is telepítve és aktívnak kell lennie.
- Kapcsold be: **The Plus Addons → Widgets**, keress rá az **Unfold** szóra, és kapcsold be.

## Forrás: mit csukjon össze a widget?

A **Kibontás** panelen a **Forrás kiválasztása** mező dönti el, mi legyen összecsukva. A **Cím** mezővel címet tehetsz a tartalom fölé.

| Forrás | Mit csuk össze | Részletek |
| --- | --- | --- |
| **Egyéni tartalom** (alapérték) | A widgetben beírt szöveg a **Tartalom** szerkesztőben | [Bővebben gomb szöveghez](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-szoveg-bovebben/) |
| **Sablon** | Egy közzétett Elementor-sablon az **Elementor-sablonok** listából | [Sablon a Kibontás widgetben](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-sablon/) |
| **Belső szakasz alapú** | A widget oszlopában közvetlenül mellette álló belső szakasz | [Konténer és belső szakasz](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-tarolo-szekcio/) |
| **Konténeralapú** | A widgetet tartalmazó konténer közvetlen szomszédja | [Konténer és belső szakasz](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-tarolo-szekcio/) |

![A Kibontás widget panelje az Egyéni tartalom forrással](./kepek/dobozok-gombok-8-unfold-panel.webp)

*A Kibontás widget panelje az Egyéni tartalom forrással* (https://minta-bolt.hu/wp-admin/post.php?post=138&action=elementor)

A képen a **Forrás kiválasztása** mező **Egyéni tartalom** értéken áll, alatta a **Tartalom** szerkesztő, majd a gombok szövege és ikonja látszik.

## Gombok

- **Ikon típusa**: **Ikon** vagy **Lottie**.
- **Kibontógomb szövege** (alapérték: **Bővebben**) és **Kibontógomb ikonja**.
- **Ikon pozíciója**: a szöveg előtt vagy után.
- **Összecsukógomb szövege** (alapérték: **Kevesebb**) és **Összecsukógomb ikonja**: ezek a tartalom kinyitása után látszanak.

### Lottie-ikon

Ha az **Ikon típusa** **Lottie**, add meg a **Lottie URL** mezőben egy `.json` végű Lottie-fájl címét. Az animáció a szöveg előtt vagy után jelenik meg (alapértelmezetten 20 × 20 képpont), és a tartalom kinyitása után sem változik. A **Stílus** fülön külön szakasz állítja a szélességét, magasságát, sebességét, az ismétlést és a rámutatási animációt.

Ha a cím nem `.json`-ra végződik, a gomb belsejében az „Opps!! Please Enter Only JSON File Extension.” üzenet látszik az oldalon.

### További gomb

A **További gomb** kapcsolóval egy linkgombot adhatsz a widgethez a saját **Szöveg**, **Link** és **További gomb ikonja** mezőkkel. Amíg a tartalom össze van csukva, rejtve marad; a **Bővebben** kattintás után a váltógomb mellett jelenik meg. A link alapértelmezetten új ablakban nyílik, nofollow jelöléssel, ha a linkbeállításokban nem változtatod meg.

![Kibontott szöveg Kevesebb gombbal és a Termék oldala további gombbal](./kepek/dobozok-gombok-8-unfold-szoveg-nyitott.webp)

*Kibontott szöveg Kevesebb gombbal és a Termék oldala további gombbal* (https://minta-bolt.hu/tp-d8-unfold-szoveg/)

A képen a kibontás után a **Kevesebb** gomb mellett megjelent a **Termék oldala** gomb.

## Tartalom beállításai

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Tartalom kibontásának iránya** | Egyéni tartalomnál és sablonnál: **A gomb felett** esetén előbb a tartalom, utána a gomb áll, **A gomb alatt** esetén fordítva. Konténernél és belső szakasznál azt adja meg, melyik szomszéd legyen összecsukva ([lásd itt](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-tarolo-szekcio/)). | **A gomb felett** |
| **Maximális magasság** | A tartalom látható magassága kibontás előtt, 1 és 500 képpont között. Eszközönként állítható: a tabletérték 1024 képpont szélességtől lefelé, a mobilérték 767 képponttól lefelé érvényes. Ha a tablet- vagy mobilérték üres, a nagyobb eszköz értéke él. | 100 px |
| **Egyéni átlátszatlanság** | Kikapcsolva a halványítás a teljes látható területet beborítja. Bekapcsolva csak az alsó **Fedvény magassága** sáv halványul a **Fedvény színére**. | Ki (a fedvény magassága 80 px) |
| **Átmenet időtartama** | A nyitás és zárás ideje ezredmásodpercben, 0 és 5000 között. A 0-t a widget 200-nak veszi. | 200 |
| **Kapcsoló illesztése** | A gombsor helye eszközönként: szétosztva, balra, középre, jobbra vagy a két szélre. Jobbra igazításnál a további gomb a váltógomb bal oldalára kerül. | Balra |
| **Görgetés a tetejére** | A **Kevesebb** kattintás után visszagörget a widget címéhez. | Ki |

## Stílus fül

| Szakasz | Mit állíthatsz |
| --- | --- |
| Cím | Margó, címke (alapérték: div), igazítás, tipográfia, szín |
| Leírás | Margó; igazítás, tipográfia és szín csak egyéni tartalomnál |
| Váltógomb | Belső és külső margó, tipográfia, normál és rámutatási színek, háttér, szegély, lekerekítés, árnyék; **Kapcsolóikon beállításai** (méret, eltolás, normál és rámutatási szín) |
| Lottie | Margó, szélesség, magasság, sebesség, ismétlés, rámutatási animáció (csak Lottie-ikonnál) |
| További gomb | Tipográfia, normál és rámutatási stílus, az ikonja (csak bekapcsolt további gombnál) |
| Megjelenési animáció görgetéskor | A widget belépő animációja, amikor a látogató odagörget |

## Működés

- A gomb csak akkor jelenik meg, ha a tartalom magasabb a **Maximális magasságnál** az adott eszközön.
- A **Bővebben** teljes magasságra nyitja a tartalmat, és megszünteti a halványítást. A **Kevesebb** az éppen használt eszköz **Maximális magasságára** zárja vissza.
- Több **Kibontás** widget is lehet egy oldalon, mindegyik külön nyílik és záródik.

## Korlátok

- Az alapértelmezett könyv ikonok az oldalon nem látszanak, mert a widget nem tölti be a Font Awesome betűkészletet hozzájuk. Válassz saját ikont, és állítsd be a méretét: **Stílus → Váltógomb → Kapcsolóikon beállításai → Méret**. Méret nélkül a választott ikon kb. 40 képpont széles, és két sorba töri a gomb szövegét.
- Ha a sablonod több teret ad a bekezdések fölé, a kibontott szöveg utolsó sora levágódhat. Állítsd a **Stílus → Leírás → Margó** felső értékét 0-ra.
- Ha a tartalom alacsonyabb a **Maximális magasságnál**, nincs gomb, de a doboz megtartja a teljes magasságot, és a halványítás a szövegre kerül.
- Konténeralapú és belső szakasz alapú forrásnál a widgetnek közvetlenül a célelem mellett kell állnia, különben semmi nem csukódik össze.
- Közzé nem tett sablonnál a látogatók „Unauthorized Access” üzenetet látnak.