# Divi 5 modulok: tartalomváltó és GYIK

> A Divi 5 Visual Builder tartalomváltó (Content Toggle) és GYIK (Faq) moduljának beállításai, a gyermek elemekkel együtt.

Ebben a fejezetben két, tartalmat rendező modult találsz: a kétállású tartalomváltót és a lenyitható GYIK-modult. Mindkettő a **Divi Supreme** kategóriában van a modulválasztóban, és a **Divi Supreme Pro → Modulok beállításai** fülön kell bekapcsolnod őket. A beállítások feliratai a builderben angolul maradnak, ezért itt is úgy szerepelnek.

A Divi Library elrendezéseiből felépített tartalom a builderben néha nem pontosan jelenik meg, a weboldalon viszont helyes. A szokásos Divi-csoportok (háttér, méret, térköz, szegély, árnyék, animáció) ott érhetők el a **Design** fülön, ahol a modul támogatja őket. A tabletre és telefonra szóló értékeket a reszponzív beállításokkal adhatod meg.

## Tartalomváltó (Supreme Content Toggle)

Két tartalmat kapcsoló mögé rendez, a látogató egyszerre csak az egyiket látja. Jó választás például két terméktulajdonság-csoport vagy két magyarázat közti váltásra. Egyetlen rövid bekezdéshez felesleges, ott elég a sima szöveg.

1. Nyisd meg az oldalt a Divi 5 Visual Builderrel.
2. Add hozzá a **Supreme Content Toggle** modult a **Divi Supreme** kategóriából.
3. A **Content** fülön töltsd ki a két tartalmat.
4. A **Design** fülön állítsd be a színeket és a távolságokat.
5. Mentsd az oldalt, és nézd meg a weboldalon.

### Content

Mindkét tartalomnak (az elsőnek és a másodiknak) ugyanazok a mezői vannak:

| Beállítás | Mit csinál |
|---|---|
| **Heading** | A kapcsoló ehhez a tartalomhoz tartozó felirata. |
| **Content Type** | A tartalom típusa: saját szöveg vagy shortcode (például egy Divi Library elrendezés shortcode-ja). |
| **Shortcode** | A beillesztendő shortcode, ha a típus ezt kéri. |
| **Content** | A szövegtörzs, ha a típus saját szöveg. |
| **Select Active Switcher** | Melyik tartalom látsszon az oldal betöltésekor. |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Switcher Size** | A kapcsoló mérete. |
| **Alignment** | A kapcsoló igazítása. |
| **Switcher Primary Background** | A kapcsoló első oldalának háttérszíne. |
| **Switcher Secondary Background** | A kapcsoló második oldalának háttérszíne. |
| **Switcher Inner Background** | A kapcsoló belső, csúszó elemének háttérszíne. |
| **Content Background** | Az adott tartalom háttérszíne (tartalmanként külön). |
| **Content Spacing Top** | Az adott tartalom felső távolsága (tartalmanként külön). |
| **Make This Layout Fullwidth** | Ha a tartalom egy elrendezés, ezzel a benne lévő szekció és sor teljes szélességű lesz (tartalmanként külön). |

## GYIK (Supreme Faq)

Lenyitható kérdés-válasz lista. A modul szülő és gyermek elemekből áll: a szülő a **Supreme Faq**, az egyes kérdések a **Supreme Faq Child** elemek. A kérdéseket mindig a szülő **Content** füléről add hozzá (új elem gombbal), gyermek elemet külön nem tehetsz az oldalra. A sorrendet a szülő listájában húzással változtathatod, az elemeket duplikálhatod is. Kezdj 3 és 6 kérdés között, a közös megjelenést a szülőn állítsd be, a gyermek elemen csak a kivételeket.

1. Add hozzá a **Supreme Faq** modult a **Divi Supreme** kategóriából.
2. A **Content** fülön vedd fel az első kérdést.
3. Írd be a kérdés címét és a válasz tartalmát.
4. A **Design** fülön állítsd be a színeket, a betűket és a távolságokat.
5. Mentsd az oldalt, és nézd meg a weboldalon.

### Szülő: Content

| Beállítás | Mit csinál |
|---|---|
| **Gap** | A kérdések közti rés. |
| **Make Accordion** | Harmonika-működés: egyszerre csak egy válasz marad nyitva. |
| **Open First Item** | Az első kérdés betöltéskor nyitva van. |
| **Enable Schema Support** | FAQPage JSON-LD (schema.org) jelölést ad az oldalhoz, hogy a keresők olvasni tudják a kérdéseket és válaszokat. Ha egy oldalon több GYIK-modul van, egyetlen szkriptbe vonódnak össze az oldal láblécében, a kérdések az oldalon látható sorrendben. A kérdéscímek sima szövegek, a válaszok megtartják a biztonságos HTML-t (linkek, listák). Ha ugyanaz a kérdéscím kétszer szerepel, az első marad meg. Fejlesztők a `dsm_faq_schema_main_entities` szűrővel módosíthatják az összevont listát. Hogy a keresők megjelenítik-e a GYIK-ot a találatok között, a Google irányelvein múlik. |
| **Use Image** | Ikon helyett képet használ a nyitó és záró jelzéshez. |
| **Animate Toggle Icons** | A nyitás és zárás ikonjai animálva váltanak. |
| **Open Faq Icon**, **Close Faq Icon** | A nyitott és a zárt állapot ikonja. |
| **Icon Placement** | Az ikon helye a kérdés mellett. |
| **Open Image**, **Close Image** | A nyitott és a zárt állapot képe (ha a **Use Image** be van kapcsolva). |

### Szülő: Design

| Beállítás | Mit csinál |
|---|---|
| **Width** | A nyitó és a záró kép szélessége (külön-külön). |
| **Icon Background** | Az ikon háttérszíne (nyitott és zárt állapotra külön). |
| **Icon Color** | Az ikon színe (nyitott és zárt állapotra külön). |
| **Icon Size** | Az ikon mérete (nyitott és zárt állapotra külön). |

### Gyermek elem (Faq Child)

A gyermek elem mezői csak az adott kérdésre vonatkoznak.

| Beállítás | Mit csinál |
|---|---|
| **Title** | A kérdés. |
| **Content Type** | A válasz típusa: szöveg vagy shortcode. |
| **Content** | A válasz szövege. |
| **Shortcode** | A beillesztendő shortcode, ha a típus ezt kéri. |
| **Use Image** | Ennél a kérdésnél a szülő képei helyett saját nyitó és záró képet használ. |
| **Open Image**, **Close Image** | A saját nyitó és záró kép. |
| **Open Faq Icon**, **Close Faq Icon** | A saját nyitó és záró ikon. |

A gyermek **Design** füle ugyanazokat a csoportokat adja, mint a szülőé (képszélesség, ikon háttere, színe, mérete), és felülírja a szülő értékeit az adott kérdésnél.