Kibontás widget: összecsukható konténer és belső szakasz

A hosszú konténer, például műszaki adatokkal vagy gyakori kérdésekkel, felesleges görgetésre kényszeríti a látogatót. A Kibontás widget a szomszédos konténert vagy belső szakaszt egy megadott magasságra vágja, és Bővebben / Kevesebb gombot tesz hozzá.

Előkészületek

• A Kibontás Pro widget; kapcsold be a The Plus Addons → Widgets oldalon az Unfold kapcsolójával.
• Konténerhez konténerekkel épített elrendezés kell; belső szakaszhoz klasszikus szakasz, amelynek oszlopában a belső szakasz áll.
• A teljes beállításlistát az áttekintésben találod.

Konténer összecsukhatóvá tétele

1. Építsd meg az összecsukandó tartalmat egy saját konténerben.
2. Tegyél közvetlenül e konténer fölé (vagy alá), vele azonos szinten egy másik konténert, és húzd bele a Kibontás widgetet. Ne tedd a widgetet az összecsukandó konténerbe ágyazott konténerbe.
3. A Kibontás panelen írj Címet, ha kell, és a Forrás kiválasztása mezőben válaszd a Konténeralapú értéket.
4. Ugyanitt állítsd be a Kibontógomb szövegét, az Összecsukógomb szövegét és a gombok ikonját.
5. A Tartalom beállításai szakaszban válaszd ki a Tartalom kibontásának irányát: A gomb felett, ha a widget konténere közvetlenül az összecsukandó konténer fölött van, A gomb alatt, ha közvetlenül alatta.
6. Állítsd be a Maximális magasságot (alapérték 100 px), tedd közzé az oldalt, és próbáld ki a gombot.

https://minta-bolt.hu/tp-d8-unfold-tarolo/

A képen a műszaki adatok konténere a megadott magasságra vágva, halványodó aljjal látszik a Bővebben gomb alatt.

https://minta-bolt.hu/tp-d8-unfold-tarolo/

A kattintás után a teljes konténer látszik, a gomb felirata Kevesebb.

Működés

• Csak a Kibontás widget konténerének közvetlen szomszédja csukódik össze: A gomb felett esetén a következő, A gomb alatt esetén az előző konténer.
• Összecsukva a konténer a Maximális magasságra van vágva, világosszürke halványítással. Ha az Egyéni átlátszatlanság be van kapcsolva, csak az alsó Fedvény magassága sáv halványul a Fedvény színére.
• A Maximális magasság 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.
• A Kevesebb az éppen használt eszköz Maximális magasságára zárja vissza a konténert.

Korlátok

• Ha az irány nem egyezik az elrendezéssel, vagy a widget beágyazott konténerben áll, semmi nem csukódik össze, de a gomb felirata továbbra is vált a Bővebben és a Kevesebb között.
• A Maximális magasságnál alacsonyabb konténernél nincs gomb, és a konténer mégis arra a magasságra nyúlik.
• Ha az Egyéni átlátszatlanságot bekapcsolod, de nem adsz meg Fedvény színét, a halványítás teljesen eltűnik.
• Az alapértelmezett gombikonok 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.

Belső szakasz összecsukása

Ez az útmutató a szakaszokkal épített elrendezésekre való. Konténeres oldalnál a fenti módszert használd.

1. Nyisd meg azt az oszlopot, amelyben az összecsukandó belső szakasz áll.
2. Húzd a Kibontás widgetet ugyanabba az oszlopba, közvetlenül a belső szakasz fölé (vagy alá).
3. Állítsd a Forrás kiválasztása mezőt Belső szakasz alapú értékre, és szükség esetén írj Címet.
4. A Tartalom beállításai között a Tartalom kibontásának iránya: A gomb felett, ha a widget közvetlenül a belső szakasz fölött van, A gomb alatt, ha közvetlenül alatta.
5. Állítsd be a Maximális magasságot (alapérték 100 px), tedd közzé az oldalt, és próbáld ki a gombot.

Működés

• Csak az oszlopban közvetlenül a widget mellett álló belső szakasz használt: A gomb felett esetén a következő, A gomb alatt esetén az előző.
• Összecsukva a belső szakasz a Maximális magasságra van vágva, világosszürke halványítással. A Bővebben teljes magasságra nyitja, a Kevesebb visszazárja.
• A Maximális magasság eszközönként állítható, ugyanazokkal a töréspontokkal, mint a konténernél.

Korlátok

• Egyszerre csak egy belső szakasz csukódik össze: az, amelyik közvetlenül a widget mellett áll.
• Az alapértelmezett gombikonok itt sem látszanak az oldalon; válassz saját ikont, és add meg a méretét.

Hibaelhárítás

Jelenség	Teendő
A közzétett oldalon semmi nem csukódik össze.	Told úgy a Kibontás widgetet, hogy közvetlenül a célelem fölött vagy alatt álljon, azonos szinten, köztük semmivel, konténernél ne ágyazott konténerben. Ellenőrizd, hogy a Tartalom kibontásának iránya egyezik a sorrenddel.
Nem jelenik meg a gomb.	A konténer vagy a belső szakasz alacsonyabb a Maximális magasságnál az adott eszközön. Csökkentsd az értéket.
Eltűnt a halványítás.	Ha az Egyéni átlátszatlanság be van kapcsolva, válassz Fedvény színt.