# Divi 5 modulok: jelszóűrlap, árlista, folyamatjelző, Read More, alakzatok, betűkeverés

> A Divi 5 Visual Builder jelszóűrlap, árlista, olvasási folyamatjelző, Read More, alakzat és betűkeverő moduljának beállításai.

Hat kisebb modul a **Divi Supreme** kategóriából. Ha valamelyik hiányzik a modulválasztóból, kapcsold be a **Divi Supreme Pro → Modulok beállításai** fülön.

## Supreme Password Form

A feloldó űrlap, amelyet a Password Protection kiterjesztés egyedi feloldó elrendezéséhez használsz. Címet, jelszómezőt és gombot mutat. Nincs rá szükség, ha az alapértelmezett beépített űrlap elég (nincs kiválasztva feloldó elrendezés), vagy ha Szekció, Sor vagy Oszlop szintű védelmet használsz (azok saját beágyazott űrlapot kapnak).

Jó például saját arculatú feloldó oldalhoz (logó, szöveg, űrlap) vagy kampányoldalhoz, ahol a jelszómező fölött egyedi üzenet áll.

### Használat

1. Kapcsold be a Password Protection kiterjesztést a **Divi Supreme → Extensions** oldalon.
2. Hozz létre vagy nyiss meg egy Divi Library elrendezést a feloldó képernyőnek.
3. Szúrd be a **Supreme Password Form** modult.
4. Állítsd be a **Title**, **Placeholder**, **Button Text** és **Form Layout** értékeket.
5. A **Divi Supreme → Password Protection** oldalon az **Unlock layout** legyen ez a Library elrendezés, és mentsd.
6. Legyen legalább egy engedélyezett jelszó (az egész oldalra vagy a megfelelő kapuhoz), majd próbáld ki kijelentkezve, privát ablakban.

### Content

| Beállítás | Alapérték | Mit csinál |
|---|---|---|
| **Title** | This site is password protected | A jelszómező feletti cím. |
| **Placeholder** | Enter password | A jelszómező helyőrző szövege. |
| **Button Text** | Unlock | A gomb felirata. |
| **Form Layout** | Inline | **Inline**: a mező és a gomb egymás mellett. **Stacked**: egymás alatt. |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Title Font** | A cím betűtípusa. |
| **Password Field** | A beviteli mező megjelenése. |
| **Button Alignment** | A gomb igazítása: balra (alap), középre, jobbra. |
| **Button** | A gomb stílusa. |

### Tippek

- A feloldó elrendezés legyen egyszerű: logó, rövid magyarázat, az űrlap. A védett tartalmat ne ide tedd.
- A jelszavak megváltoztatása után a meglévő feloldó sütik érvénytelenek, a tesztelőknek újra fel kell oldaniuk.
- A hibás jelszó üzenetét és a próbálkozások korlátozását a Password Protection kiterjesztés kezeli, nem a modul.

## Supreme Price List és Price List Item

Étlap, katalógus, szolgáltatáslista vagy bármilyen kiemelt tételek árlistája. A **Supreme Price List** szülő modul, az egyes sorok a **Price List Item** gyermekmodulok. A gyermeket ne tedd önállóan az oldalra, a szülő **Content** füléről add hozzá az új elemeket, és ott rendezheted át, másolhatod őket. Érdemes 3-6 elemmel kezdeni, a közös stílust pedig a szülőn beállítani.

### Elem (Price List Item)

| Beállítás | Mit csinál |
|---|---|
| **Price** | Az ár szövege. |
| **Title** | A tétel neve. |
| **Content** | A tétel leírása (formázott szöveg). |
| **Image** | A tétel képe. |
| **Image Width**, **Image Gap Spacing** | (Design) Csak ennek az elemnek a képszélessége és a kép távolsága, felülírja a szülő értékét. |

### Szülő modul, Design

| Beállítás | Mit csinál |
|---|---|
| **Vertical Alignment** | Az elemek függőleges igazítása. |
| **Price Background Color** | Az ár háttérszíne. |
| **Image Width**, **Image Gap Spacing** | A képek szélessége és távolsága. |
| **Style**, **Weight**, **Color**, **Gap Spacing** | Az elválasztó vonal stílusa, vastagsága, színe és távolsága. |
| **Item Bottom Spacing** | Az elemek közötti függőleges tér. |

## Supreme Progress Bar

Olvasási folyamatjelző sáv (vagy kör), amely mutatja, hol tart az olvasó az oldalon vagy egy kiválasztott elemben.

### Content

| Beállítás | Mit csinál |
|---|---|
| **Tracker Type** | A jelző alakja. |
| **Progress Relative to** | Mihez viszonyítja a haladást. |
| **Selector** | CSS-választó, ha egy adott elemhez viszonyít. |
| **Direction** | A kitöltés iránya. |
| **Percentage** | Százalékos érték kiírása. |
| **Direction** (százalék) | A százalék irányának beállítása. |
| **Size** | A kör mérete, körös típusnál. |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Alignment** | Igazítás. |
| **Width**, **Color** (jelző) | A jelző vonalának vastagsága és színe. |
| **Width**, **Color**, **Background** (sáv) | A sáv vastagsága, színe és háttere. |
| **Height** | A sáv magassága. |

## Supreme Read More

Hosszú tartalmat vág le egy előnézetig, és gombbal kibontható. Hosszú életrajzhoz, leíráshoz hasznos, rövid szövegnél felesleges.

### Content

| Beállítás | Mit csinál |
|---|---|
| **Show Read More** | A kibontó vezérlő megjelenítése. |
| **Open Text** | A kibontó gomb felirata. |
| **Close Text** | Az összecsukó gomb felirata. |
| **Height** | A látható előnézet magassága. |
| **Open Icon**, **Close Icon**, **Icon Size** | A gombok ikonjai és az ikonméret. |
| **Use Shadow** | Árnyék a levágott rész szélén. |
| **Scroll to module on collapse** | Összecsukáskor a lap finoman visszagörget, hogy a modul a nézet tetejére kerüljön. |

## Supreme Shapes

Alakzatok a Divi oldalra képfájl és egyedi kód nélkül, díszítésnek. A fontos szöveg ne csak alakzatban legyen, hanem valódi szövegmodulban.

| Beállítás | Mit csinál |
|---|---|
| **Type** | Az alakzat típusa. |
| **Size** | Az alakzat mérete. |
| **Shape Color** | (Design) Az alakzat színe. |
| **Use Gradient Fill** | A Divi színátmenet-beállításaival tölti ki az SVG alakzatot (lineáris és sugaras). A kúpos színátmenet helyett egyszínű kitöltés lesz. |
| **Use Border** | Szegély az alakzaton. |

## Supreme Shuffle Letters

Betűkeverő szöveghatás: a megadott szöveg betűnként, véletlen karakterekből áll össze, mielőtt feltárul. Rövid mondatokhoz és címsorokhoz való, hosszú szöveghez nem. Ahol a mozgás zavarhatja az olvasót, inkább statikus szöveget használj.

| Beállítás | Mit csinál |
|---|---|
| **Before Text** | A kevert szöveg előtti rész. |
| **Shuffle Text** | A keveredő szöveg. |
| **Shuffle Text On a New line** | A kevert szöveg új sorban kezdődik a **Before Text** után. |
| **After Text** | A kevert szöveg utáni rész. |
| **After Text On a New line** | Az **After Text** új sorban kezdődik. |
| **Shuffle Speed (in s)** | A keverés sebessége másodpercben. |
| **Duration (in s)** | Ennyi idő után tárul fel a végleges szöveg. |
| **Overwrite Random Shuffle Text** | Saját karaktersor a véletlen karakterek helyett, szóköz nélkül (például `ShuffleText`). |