# Kibontás widget: Bővebben gomb szöveghez és Betöltés gomb bármely szakaszhoz

> Hosszú szöveg összecsukása Bővebben és Kevesebb gombbal, és a gomb átalakítása Betöltés gombbá szöveghez, sablonhoz, konténerhez vagy belső szakaszhoz.

A hosszú szöveg lejjebb tolja az oldal többi részét. A **Kibontás** widget a szöveg elejét mutatja, az alját elhalványítja, és egy gombbal nyithatod ki. Ugyanezzel a gombbal más tartalom is összecsukható, ha a gomb szövegét átírod.

## Előkészületek

- A **Kibontás** Pro widget; kapcsold be a **The Plus Addons → Widgets** oldalon az **Unfold** kapcsolójával. A teljes beállításlistát az [áttekintésben](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-attekintes/) találod.

## Bővebben gomb hozzáadása szöveghez

1. Húzd a **Kibontás** widgetet az oldalra. A **Kibontás** panelen írj **Címet**, vagy ürítsd ki a mezőt, ha nem kell.
2. Hagyd a **Forrás kiválasztása** mezőt **Egyéni tartalom** értéken.
3. Illeszd be a teljes szöveget a **Tartalom** szerkesztőbe. Az eleje látszik, a többi a gombra nyílik ki.
4. Ha más feliratot szeretnél, írd át a **Kibontógomb szövegét** és az **Összecsukógomb szövegét** (alapérték: **Bővebben** és **Kevesebb**).
5. A **Tartalom beállításai** szakaszban állítsd be a **Maximális magasságot**, vagyis azt a magasságot, amelyre a szöveg a kibontás előtt vágva van (alapérték 100 px). Az eszközjellel tablethez és mobilhoz külön értéket adhatsz.
6. Válaszd ki a **Tartalom kibontásának irányát**: **A gomb felett** esetén a szöveg áll elöl, a gomb alatta; **A gomb alatt** esetén a gomb áll elöl.
7. Tedd közzé az oldalt, és próbáld ki a gombot.

![A Kibontás widget bezárt szöveggel](./kepek/dobozok-gombok-8-unfold-szoveg-zart.webp)

*A Kibontás widget bezárt szöveggel* (https://minta-bolt.hu/tp-d8-unfold-szoveg/)

A képen a szöveg a megadott magasságnál le van vágva, az alja elhalványul, alatta a **Bővebben** gomb áll.

A kattintás után a teljes szöveg látszik, a gomb felirata pedig **Kevesebb** lesz.

## A tartalom beállításai röviden

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Maximális magasság** | A látható magasság kibontás előtt, 1 és 500 px között; tabletre és mobilra külön megadható | 100 px |
| **Tartalom kibontásának iránya** | **A gomb felett**: előbb a szöveg, utána a gomb. **A gomb alatt**: előbb a gomb | **A gomb felett** |
| **Egyéni átlátszatlanság** | Ki: fehér halványítás borítja a látható szöveget. Be: csak az alsó **Fedvény magassága** sáv halványul a **Fedvény színére** | Ki (80 px) |
| **Átmenet időtartama** (0 és 5000 között) | A nyitás és zárás ideje ezredmásodpercben | 200 |
| **Kapcsoló illesztése** | A gombsor helye eszközönként | Balra |
| **Görgetés a tetejére** | A **Kevesebb** után visszagörget a widget címéhez | Ki |

## Működés

- A gomb csak akkor látszik, ha a szöveg magasabb a **Maximális magasságnál** az adott eszközön.
- A **Bővebben** a teljes szövegmagasságra nyitja a dobozt, és eltávolítja a halványítást. A **Kevesebb** az aktuális eszköz **Maximális magasságára** zárja.
- Több **Kibontás** widget egy oldalon egymástól függetlenül nyílik és záródik.

## Betöltés gomb bármely szakaszhoz

A Betöltés gomb (angolul Load More) nem külön widget: ugyanaz a **Kibontás** widget, amelynek a gombfeliratát átírod. A módszert a tartalom típusa dönti el, amit a **Forrás kiválasztása** mezőben állítasz:

| A tartalom | Forrás | Útmutató |
| --- | --- | --- |
| A widgetben beírt szöveg | **Egyéni tartalom** | Ez a fejezet |
| Mentett Elementor-sablon | **Sablon** | [Sablon a Kibontás widgetben](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-sablon/) |
| A widget konténere melletti konténer | **Konténeralapú** | [Konténer és belső szakasz](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-tarolo-szekcio/) |
| Klasszikus szakaszban lévő belső szakasz | **Belső szakasz alapú** | [Konténer és belső szakasz](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-tarolo-szekcio/) |

1. Kövesd a tartalmadnak megfelelő útmutatót.
2. A **Kibontás** panelen írd a **Kibontógomb szövegébe**, hogy „Továbbiak betöltése”, az **Összecsukógomb szövegébe** pedig például, hogy „Kevesebb megjelenítése”.
3. A **Tartalom beállításai** között a **Maximális magasság** legyen az a rész, amit a látogatók elsőre látni fognak.
4. Tedd közzé az oldalt, és kattints a gombra.

A gomb szövege kibontás előtt a **Kibontógomb szövege**, utána az **Összecsukógomb szövege**; újabb kattintás újra összecsukja a tartalmat.

## Korlátok

- Az alapértelmezett könyv ikonok az oldalon nem látszanak. Válassz saját ikont, és állítsd a méretét: **Stílus → Váltógomb → Kapcsolóikon beállításai**. 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 téma teret ad a bekezdések fölé, a kibontott szöveg utolsó sora levágódhat, mert a widget ezt a teret nem méri bele. Állítsd a **Stílus → Leírás → Margó** felső értékét 0-ra; a 0 felső és 16 alsó margó a teljes szöveget megmutatta, és megmaradt a bekezdések közti távolság.
- Ha a tartalom rövidebb a **Maximális magasságnál**, nincs gomb, de a doboz megtartja a magasságot: a szöveg halvány marad, a konténer pedig arra a magasságra nyúlik.
- Az **Átmenet időtartama** 0 értékét a widget 200 ezredmásodpercnek veszi.

## Hibaelhárítás

| Jelenség | Teendő |
| --- | --- |
| Nincs **Bővebben** gomb. | A szöveg belefér a **Maximális magasságba**. Csökkentsd az értéket, és nézd meg a tablet- és mobilértéket is. |
| A gombon nincs ikon. | Válassz ikont a **Kibontógomb ikonja** és az **Összecsukógomb ikonja** mezőben, és add meg a méretét a **Kapcsolóikon beállításainál**. |
| A kibontott szöveg alja le van vágva. | Állítsd a **Stílus → Leírás → Margó** felső értékét 0-ra. |