# Kibontás (Unfold) widget: Elementor-sablon összecsukható tartalomként

> Mentett Elementor-sablon megjelenítése a Kibontás widgetben fix magasságra vágva, Bővebben és Kevesebb gombbal.

Bármi, amit az Elementorban megépítesz, összecsukható tartalommá tehető: előnylista, ikonos dobozok, árazási blokk. A **Kibontás** (angolul Unfold) widget a **Sablon** forrással egy mentett Elementor-sablont mutat a dobozában, adott magasságra vágva, **Bővebben** és **Kevesebb** gombbal.

## 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.
- Kapcsold be: **The Plus Addons → Widgets**, keress rá az **Unfold** szóra, és kapcsold be.
- Kell egy mentett és közzétett Elementor-sablon.

## Sablon megjelenítése a Kibontás widgetben

1. Építsd meg a tartalmat Elementor-sablonként, mentsd el és tedd közzé.
2. Húzd a **Kibontás** widgetet az oldalra, és szükség esetén írj **Címet**.
3. A **Forrás kiválasztása** mezőben válaszd a **Sablon** értéket.
4. Az **Elementor-sablonok** listában válaszd ki a sablont. Alatta megjelenik a sablon szerkesztésének gombja.

![A Kibontás widget panelje a kiválasztott sablonnal](./kepek/dobozok-gombok-7-unfold-panel.webp)

*A Kibontás widget panelje a kiválasztott sablonnal* (https://minta-bolt.hu/wp-admin/post.php?post=137&action=elementor)

A képen a **Forrás kiválasztása** mező **Sablon** értéken áll, az **Elementor-sablonok** listában a mintasablon van kiválasztva; lejjebb a **Kibontógomb szövege**, az **Összecsukógomb szövege** és a két gomb ikonja látszik.

5. A **Tartalom beállításai** szakasz **Maximális magasság** mezőjében add meg, mekkora részét lássák először a látogatók a sablonnak. Ez eszközönként állítható.
6. Publikáld az oldalt.

![A Tartalom beállításai szakasz a Maximális magasság mezővel](./kepek/dobozok-gombok-7-unfold-tartalom.webp)

*A Tartalom beállításai szakasz a Maximális magasság mezővel* (https://minta-bolt.hu/wp-admin/post.php?post=137&action=elementor)

A képen a **Tartalom kibontásának iránya**, a **Maximális magasság**, a tartalomfedvény és az **Átmenet időtartama** mezők látszanak.

Az oldalon a sablon így néz ki bezárva, majd kibontva:

![A sablon a megadott magasságra vágva, halványodó aljjal és Bővebben gombbal](./kepek/dobozok-gombok-7-unfold-zart.webp)

*A sablon a megadott magasságra vágva, halványodó aljjal és Bővebben gombbal* (https://minta-bolt.hu/tp-d7-unfold/)

A képen a sablon szövege levágva, az alja fokozatosan elhalványul, alatta a **Bővebben** gomb áll.

![A kibontott sablon teljes magasságában, Kevesebb gombbal](./kepek/dobozok-gombok-7-unfold-nyitott.webp)

*A kibontott sablon teljes magasságában, Kevesebb gombbal* (https://minta-bolt.hu/tp-d7-unfold/)

A képen a teljes sablon látszik, a gomb felirata **Kevesebb** lett.

## Működés

- A sablon a **Maximális magasságra** van vágva, az alja fehérbe halványul. A **Bővebben** gomb teljes magasságra nyitja, a **Kevesebb** visszazárja.
- A gomb csak akkor jelenik meg, ha a sablon magasabb a **Maximális magasságnál** az adott eszközön.
- A **Maximális magasság** eszközönként eltérhet: a tabletérték 1024 képpont szélességtől lefelé, a mobilérték 767 képponttól lefelé érvényes.
- A gomb szövegét és ikonját a **Kibontógomb szövege**, **Összecsukógomb szövege** és a két ikonmező adja.

## Korlátok

- Ha a kiválasztott sablon nincs közzétéve, a látogatók a tartalom helyett „Unauthorized Access” üzenetet látnak, gomb nélkül.
- Ha nincs sablon kiválasztva, az oldalon a „Select Template A” és a „Please select a template to display its content.” felirat áll, és a **Bővebben** gomb is látszik.
- Az alapértelmezett gombikonok az éles oldalon nem látszanak. Válassz saját ikont, és állítsd a méretét a **Stílus** fül gombbeállításai között.

## Hibaelhárítás

| Jelenség | Teendő |
| --- | --- |
| A látogatók „Unauthorized Access” üzenetet látnak. | Tedd közzé a sablont, majd töltsd újra az oldalt. |
| Az oldalon „Select Template A” áll. | Válassz sablont az **Elementor-sablonok** listában, és frissítsd az oldalt. |
| Nincs **Bővebben** gomb. | A sablon alacsonyabb a **Maximális magasságnál**: csökkentsd az értéket, vagy bővítsd a sablont. |