# Kérdezz–Felelek blokk – Beszélgetés (3 megjelenés)

> Keret nélküli, telefonkeretes és Messenger-stílus.

- **Eredeti HTML oldal:** [https://weboldal-berles.hu/tudasbazis/oldalepito/kerdezz-felelek-blokk-beszelgetes](https://weboldal-berles.hu/tudasbazis/oldalepito/kerdezz-felelek-blokk-beszelgetes)

Blokk-változat részletes súgó

## Kérdezz–Felelek blokk – Beszélgetés (3 megjelenés)

Közös kérdés–válasz lista, felirat, H2 cím, bevezető és két CTA. A válaszok formázhatók, a buborékok színezhetők.

### Mire érdemes használni?

Kérdés–válasz beszélgetés megjelenítése a három választható stílus egyikében.

Blokk működése

### Blokk beállításai

Ezek a beállítások minden blokk szerkezeti és navigációs működését egységesen vezérlik.

- **Megjelenési változat:** meghatározza a blokk elrendezését és az elérhető tartalmi mezőket. Változatváltás után ellenőrizd az előnézetet.
- **Dobozos háttér megjelenítése:** alapból bekapcsolt V1 megjelenési kapcsoló. Kikapcsolva az adott blokk dobozos kerete, lekerekítése, árnyéka és belső alap surface-e tűnik el. Ez nem kapcsolja ki az „Egyedi háttér” színét: a teljes blokkszakasz külön háttérrel doboz nélkül is használható. A tartalom, a gombok, az űrlapmezők, valamint a Blog- és árkártyák funkcionális belső elemei megmaradnak.
- **Egyedi háttér:** a blokk saját színe elsőbbséget élvez az aktív globális egyedi Halvány háttérrel szemben; ezek hiányában a színtéma és a vizuális stílus alapja érvényesül. Egyedi szín használatakor a szakasz alapgradiense eltűnik dobozzal és doboz nélkül is. A háttérképek, videók, olvashatósági fedőrétegek és a külön Dekoráció megmaradnak. A publikus oldal és az előnézet azonos színelsőbbséget követ. Egyedi színnél az adott blokk teljes szakasza külön hátteret kap, függetlenül attól, hogy a Dobozos háttér kapcsoló be vagy ki van kapcsolva. A felülírás a profil által külön festett section/surface rétegeket is kezeli, például a Local Premium kapcsolat-űrlap sötét kártyáját. A szakasz automatikus szövegszíne a háttér kontrasztjához igazodik a publikus oldalon, az új blokk és a mentett blokk előnézetében is. A kézzel választott szövegszínek megmaradnak; a belső kártyák és médiafeliratok saját felületükhöz tartoznak. A Dark Mode ettől külön, legfelső vizuális rétegként működik.
- **Formázott leírások:** a standard szerkesztőben a kijelölt szöveg betűtípusa, mérete és színe külön állítható, akár több bekezdésben is. Az igazítások között sorkizárás is választható. Az egyedi formázás elsőbbséget kap a globális tipográfiával szemben.
- **Szerkesztő ürítése:** megerősítés után csak az adott mező tartalmát és formázását törli; a Visszavonás visszaállítja. A feltöltött fájlokat nem törli.
- **Táblázatháttér:** Alapértelmezett, Egyedi szín vagy Átlátszó. Az átlátszóság a mobil kártyákra is érvényes; a keret külön kapcsolható. Meglévő táblázatnál kattints egy cellába, majd a Táblázat gombra.
- **Dekoráció:** az egyedi vagy globális blokkháttértől és a Dobozos háttér kapcsolótól független réteg. Ha a dekoráció globálisan vagy az adott blokknál aktív, a fő <code>::before</code> dekoráció Egyedi háttérrel és doboz nélküli megjelenéssel is megmarad. A Sablon, vizuális stílus, színtéma és betűtípus panelen globálisan kapcsolható, és itt globális dekorációtípus, bal/jobb oldali alaphely, valamint Egyedi kép esetén saját logó/ikon is választható. Az Egyedi kép külön desktop és opcionális mobil assetet kaphat; mobilkép nélkül a desktop kép a fallback. A desktop és mobil Megjelenítési mód, átlátszóság, Kicsi/Normál/Nagy méretpreset, forgatás és Flip / vízszintes tükrözés külön állítható, ahogy a külön desktop/mobil láthatóságot, bal/jobb oldalt, Fent/Középen/Lent pozíciót, pontos PX méretet, függőleges eltolást és oldalirányú PX pozíciót is külön kezelheted. Blokkszinten az Alapértelmezett értékek az adott eszköz globális beállítását követik; 0 PX méret a Kicsi/Normál/Nagy presetet tartja meg. A korábbi közös értékek kompatibilitási okból desktop alapértékként megmaradnak, és külön mobilérték hiányában mobilon is tovább élnek. Bekapcsolva a támogatott blokkok Megjelenés csoportjában külön felülírható az Alapértelmezett, Nincs dekoráció, az öt vizuális profilhoz igazított dekoráció vagy az Egyedi kép. A kiválasztott profil egy fő háttérdekorációként jelenik meg, nem ad külön másodlagos after díszítést. Egyedi képhez SVG, áttetsző PNG vagy WEBP logó/ikon ajánlott; fotók és részletgazdag képek dekorációként kevésbé mutatnak jól.
- **Aktív blokk:** kikapcsolva a blokk nem jelenik meg a nyilvános oldalon, de a beállításai megmaradnak és később visszakapcsolható.
- **Megjelenés a menüben:** a „Menüben jelvény” a blokk saját szakaszához görgető normál menüpontot ad. A „Menü csak mobilon” ettől függetlenül is bekapcsolható: a menüpont neve mező feliratát használja, desktopon nem látszik, és külön mobil cél slugot is kaphat.
- **Menünév és mobil menüikon:** a menüben látható felirat és a mobilnézetben használható ikon. A menünév legyen rövid és egyértelmű.
- **Kiemelt menüpont:** ahol elérhető, külön vizuális hangsúlyt ad a főmenüben az adott blokk linkjének.
- **Főmenü és almenük:** a menüben lévő aktív blokkokból opcionálisan főmenü/almenü kapcsolat építhető. Ha nincs ilyen kapcsolat, a régi egyszerű, egyszintű menü változatlan marad.
- **Mobilos menütérkép:** mobilon a főmenük és almenük egy közös hierarchikus nézetben láthatók. A Főmenüvé és Almenüvé műveletek külön gombot kaptak; almenü csak a főmenü kiválasztása után menthető, sorrendje fel/le gombbal módosítható, és másik főmenü alá is áthelyezhető.
- **Sorrend:** az Elhelyezett blokkok listában látható szám mutatja a tényleges oldalbeli pozíciót. Bezárt állapotban a fogantyúval átrendezhető; az új sorrend automatikusan mentődik.
- **Menüsorrend:** ha több blokk megjelenik a menüben, azok menüpozícióját is az oldalon beállított blokksorrend határozza meg. A Menüstruktúra panel bal oldali „Menüben lévő blokkok” listája a tényleges menü- és oldalsorrendet mutatja: ha itt sorrendezel, a menüpont helye és a blokk oldalbeli pozíciója is változik. Ugyanez fordítva is igaz: az Elhelyezett blokkoknál rendezett menüben lévő blokk a főmenü/almenü panelen is frissül. Normál menüpont innen húzható főmenünek vagy egy meglévő főmenü alá almenünek. A középső Főmenük oszlopban a főmenük kiválaszthatók, de a főmenük sorrendjét a bal oldali Menüben lévő blokkok lista és az Elhelyezett blokkok tényleges oldalsorrendje határozza meg. Már főmenü/almenü szerepű elemet előbb vissza kell állítani az X ikonnal; az almenük csak a lenyílóban jelennek meg.
- **Duplikálás és törlés:** a blokk másolható, ha a változat darabszámkorlátja engedi; törléskor a blokk és a hozzá tartozó mentett tartalom eltávolításra kerül.

Tartalmi mezők

### Tartalom szerkesztése

Az alábbi funkciók a kiválasztott változat tényleges, jelenlegi mezősémájából származnak.

#### A változat fő funkciói

- Alapból 3 szerkeszthető kérdés–válasz pár, legfeljebb 30 elem, sorrendezés és törlés.
- Kérdés és válasz külön háttér- és szövegszínnel.
- Eyebrow, cím, formázott leírás és két opcionális CTA felirat, link, ikon és szín.
- Mobiltelefon kerethez a rendszer meglévő modern SVG képe szolgál; a szöveg élő HTML marad.
- Keret nélküli, telefonkeretes vagy Messenger-stílus.
- Kérdés–válasz repeater, 1–30 pár.
- Négy buborékszín és opcionális CTA gombok.

Megjelenés

#### Elrendezés és megjelenés

A blokk elrendezése, igazítása és vizuális működése.
- **Beszélgetés megjelenése**Előre meghatározott lehetőségek közül választható beállítás. A megjelenés váltásakor valamennyi kérdés és válasz megmarad. Mobilkeretnél a buborékok a telefon kijelzőjén belül jelennek meg.
- **Cím és CTA igazítása**Előre meghatározott lehetőségek közül választható beállítás.
- **Dobozos háttér megjelenítése**Be- és kikapcsolható funkció. Alapból kikapcsolt; a chat-buborékok és a választott telefon/chatkeret ettől függetlenül megmaradnak.
- **Egyedi háttér**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Üresen az aktív globális egyedi Halvány háttér, ennek hiányában a színtéma és a vizuális stílus alapja érvényesül. Egyedi színnél csak ez a blokk kap egyszínű, gradiens nélküli hátteret. A háttérképek, videók és a külön Dekoráció megmaradnak. A Dobozos háttér kapcsolótól független: kikapcsolt dobozos megjelenés mellett is használható teljes szakaszháttérként. Sötét vagy világos egyedi háttérnél ellenőrizd a blokk szövegszíneinek kontrasztját is.
- **Dekoráció típusa**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk megtartja a jelenlegi vizuális stílushoz tartozó dekorációját. A Nincs dekoráció csak ennél a blokknál kapcsolja ki a dekorációt; a profil-dekorációk a kiválasztott karaktert használják.
- **Dekoráció helye**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk a globális dekorációhelyet követi. Egyedi választással balra vagy jobbra tehető a fő dekoráció. Mobilon a dekoráció kisebb és kevésbé hangsúlyos.
- **Egyedi kép megjelenítése eszközökön**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális eszközbeállítást követi. Külön kérhető csak desktop, csak mobil, mindkettő vagy teljes kikapcsolás.

Megjelenés – Desktop

#### Dekoráció – Desktop

A desktop dekoráció képe, tükrözése, oldala, pozíciója és pontos mérete.
- **Desktop – dekorációs kép**Kép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. A desktop egyedi dekorációs képe. Ha blokkszinten nincs külön mobilkép, mobilon is ez a kép jelenik meg. Legjobb eredményt SVG, áttetsző PNG vagy WEBP ad; legfeljebb 1 MB és 1200 × 1200 px.
- **Desktop – egyedi kép megjelenítése**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Desktop egyedi dekoráció módját követi. A Lágy háttérelem halványabb, dekoratívabb megjelenést ad.
- **Desktop – egyedi kép átlátszósága**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Desktop átlátszóságot követi. Logókhoz általában a 10–20% közötti érték ad finom háttérhatást.
- **Desktop – egyedi kép mérete**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Desktop méretet követi.
- **Desktop – egyedi kép forgatása**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Desktop forgatást követi. A kisebb döntés dekoratívabb, de nem zavaró hatást ad.
- **Desktop – tükrözés**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális desktop tükrözést követi. A tükrözés vízszintes (Flip).
- **Desktop – oldal**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális desktop oldalt, ennek hiányában a Dekoráció helye beállítást követi.
- **Desktop – függőleges pozíció**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett, Fent, Középen vagy Lent. A PX eltolás ehhez a kiinduló pozícióhoz adódik hozzá.
- **Desktop – egyedi méret (px)**Rövid szöveg vagy felirat. Üresen a globális PX méretet követi. 0 esetén a Kicsi / Normál / Nagy preset marad érvényben.
- **Desktop – függőleges eltolás (px)**Rövid szöveg vagy felirat. Pozitív érték lefelé, negatív felfelé tol. Üresen a globális desktop értéket követi.
- **Desktop – oldalirányú pozíció (px)**Rövid szöveg vagy felirat. A kiválasztott Bal/Jobb oldal CSS pozíciója. Negatív érték kifelé, pozitív érték befelé tolja a dekorációt.

Megjelenés – Mobil

#### Dekoráció – Mobil

A mobil dekoráció saját képe, tükrözése és pozíciója. Külön kép nélkül a desktop kép a fallback.
- **Mobil – dekorációs kép**Kép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Opcionális mobil kép. Üresen a blokkszintű desktop kép, ennek hiányában a globális mobil/desktop kép az örökölt fallback.
- **Mobil – egyedi kép megjelenítése**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Mobil egyedi dekoráció módját követi. Régi blokknál külön mobilérték hiányában a korábbi közös beállítás marad érvényben.
- **Mobil – egyedi kép átlátszósága**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Mobil átlátszóságot követi. Logókhoz általában a 10–20% közötti érték ad finom háttérhatást.
- **Mobil – egyedi kép mérete**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Mobil méretet követi.
- **Mobil – egyedi kép forgatása**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális Mobil forgatást követi. A kisebb döntés dekoratívabb, de nem zavaró hatást ad.
- **Mobil – tükrözés**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális mobil tükrözést követi. A desktop Fliptől függetlenül állítható.
- **Mobil – oldal**Előre meghatározott lehetőségek közül választható beállítás. A mobil dekoráció oldala a desktoptól függetlenül lehet Bal vagy Jobb.
- **Mobil – függőleges pozíció**Előre meghatározott lehetőségek közül választható beállítás. Alapértelmezett, Fent, Középen vagy Lent. A mobil PX eltolás ehhez a pozícióhoz viszonyul.
- **Mobil – egyedi méret (px)**Rövid szöveg vagy felirat. Üresen a globális mobil PX méretet követi. 0 esetén a normál mobil preset marad.
- **Mobil – függőleges eltolás (px)**Rövid szöveg vagy felirat. Pozitív érték lefelé, negatív felfelé tol. Üresen a globális mobil értéket követi.
- **Mobil – oldalirányú pozíció (px)**Rövid szöveg vagy felirat. A mobil Bal/Jobb oldal CSS pozíciója. Negatív érték kifelé, pozitív érték befelé tol.

Gombok megjelenése

#### Gombok megjelenése

A gombok láthatósága, színei és megjelenési módja.
- **Elsődleges gomb egyedi háttérszíne**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Másodlagos gomb egyedi háttérszíne**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.

Szövegek

#### Szövegek és leírások

Címek, leírások, feliratok és egyéb szöveges tartalmak.
- **Eyebrow / felső felirat**Rövid szöveg vagy felirat.
- **Blokk címe**Rövid szöveg vagy felirat.
- **Bevezető leírás**Teljes, Tiptap-alapú formázott tartalom címsorral, kiemeléssel, listával, idézettel, igazítással, betűvastagsággal, szövegszínnel és linkkel.

Hivatkozások

#### Gombok és hivatkozások

Belső és külső linkek, gombcélok és kapcsolódó feliratok.
- **Elsődleges CTA hivatkozása**Belső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás.
- **Másodlagos CTA hivatkozása**Belső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás.

Ikonok

#### Ikonok

A blokkban megjelenő ikonok kiválasztása és beállítása.
- **Elsődleges CTA ikonja**Bootstrap ikon választása az ikonválasztóból vagy class megadásával. Bootstrap Icons class kézzel is megadható, vagy kiválasztható az ikonválasztóból.
- **Másodlagos CTA ikonja**Bootstrap ikon választása az ikonválasztóból vagy class megadásával. Bootstrap Icons class kézzel is megadható, vagy kiválasztható az ikonválasztóból.

Buborékok színei

#### Buborékok színei

A blokk ehhez a tartalmi csoporthoz tartozó beállításai.
- **Kérdés buborék háttere**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Kérdés szövegszíne**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Válasz buborék háttere**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Válasz szövegszíne**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.

Gombok

#### Gombok

A blokk ehhez a tartalmi csoporthoz tartozó beállításai.
- **Elsődleges gomb felirata**Rövid szöveg vagy felirat. Opcionális: ha a feliratot üresen hagyod, a teljes gomb vagy CTA nem jelenik meg a frontoldalon.
- **Másodlagos gomb felirata**Rövid szöveg vagy felirat. Opcionális: ha a feliratot üresen hagyod, a teljes gomb vagy CTA nem jelenik meg a frontoldalon.

Bővíthető elemek

### Ismételhető tartalmi elemek

Az elemek hozzáadhatók, törölhetők és a fogantyúval átrendezhetők. A sorrend a nyilvános oldalon is érvényesül.

Ismételhető elem

#### Kérdések és válaszok

A bal oldali kérdés és a jobb oldali válasz együtt mozgatható, bővíthető és törölhető. A megjelenés váltásakor a tartalom megmarad.

minimum 1 elem, maximum 30 elem.

##### Egy „Kérdés–válasz pár” szerkeszthető adatai

- **Kérdés (bal buborék)**Többsoros szövegmező.
- **Válasz (jobb buborék)**Teljes, Tiptap-alapú formázott tartalom címsorral, kiemeléssel, listával, idézettel, igazítással, betűvastagsággal, szövegszínnel és linkkel. Biztonságosan formázható válasz hivatkozásokkal, kiemelésekkel.
- **Kérdés (bal buborék) színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.

Mozgás és megjelenés

### Animáció

A blokk belépési animációja külön kapcsolható. Az első két aktív helyen választható LCP-védelem csak a frontend futást függeszti fel, az adminban elmentett animációt, effektet és sebességet nem törli. A blokk harmadik vagy későbbi helyre mozgatva automatikusan újra animálódik. A rendszer kompozit tulajdonságokra épülő effektet használ, és tiszteletben tartja a csökkentett mozgás beállítást.

- Kapcsold be vagy ki az animációt az adott blokknál. A fejléc badge-e már összecsukott állapotban is mutatja az animáció állapotát.
- Válaszd ki az effektet, a sebességet, a késleltetést és – ahol elérhető – az elemek lépcsőzetes sorrendjét.
- Az első két aktív blokknál az LCP-védelem az ajánlott állapot. Sorrendváltáskor a rendszer Igen / Nem kérdéssel felajánlja, de az első két blokk Animáció részében később manuálisan is be- vagy kikapcsolható. Az animáció adminbeállítása minden esetben megmarad; harmadik vagy későbbi helyen automatikusan újra működik, és az „Animáció aktív” badge jelenik meg.
- A rendszer nem tiltja globálisan a hover/transition effekteket: csak az LCP-védett első két blokk belépő animációja szünetel a gyorsabb első renderelés miatt.
- Az animáció nem változtatja meg a blokk tartalmát vagy sorrendjét, csak a megjelenés módját.

### Használati javaslatok

- Használj rövid válaszokat a telefonos változatban, hogy könnyebb legyen olvasni.
- Olyan kérdéseket írj, amelyeket a látogatók tényleg feltennének.
- A válasz legyen rövid, megoldásközpontú és ellenőrizhető.
- Telefonkeretben a hosszú beszélgetés a kijelzőn belül görgethető.
- Ha a blokk belépési animációja be van kapcsolva, mobilon a rendszer minden effektet pozícióváltozás nélküli finom áttűnésként jelenít meg; a kiválasztott irány/zoom effekt desktopon marad aktív.

## Kulcsszavak

- Kérdezz–Felelek blokk
- Beszélgetés (3 megjelenés)
- kerdezz-felelek-blokk
- beszelgetes
- blokk változat