# Képes harmonika

> Képekből álló harmonika: tételek, tájolás, animáció és stílus.

A **Képes harmonika** widget képekből áll: a kiválasztott kép nagyobb helyet foglal, a többi összezsugorodik mellette. A képekhez cím, leírás és gomb is tartozhat.

## Tételek

1. Nyiss meg egy oldalt az Elementorral, és húzd rá a **Képes harmonika** widgetet.
2. A **Tételek** között töltsd ki az egyes elemeket.

![A képes harmonika egyik tétele megnyitva](./kepek/kepes-accordion-tetel.webp)

*A képes harmonika egyik tétele megnyitva* (https://minta-bolt.hu/wp-admin/post.php?post=10&action=elementor)

| Beállítás | Mit csinál |
|---|---|
| **Aktív** | Ez a kép jelenik meg nagyobb méretben az oldal betöltésekor. |
| **Kép** | A tétel képe: választhatsz a médiatárból, vagy újat tölthetsz fel a gépedről. |
| **Cím** | A kép feletti cím. |
| **Leírás** | A kép szövege. |
| **Gomb szövege** | A gombon megjelenő felirat. |
| **Link** | A gomb hivatkozása. |
| **Vezérlő CSS ID** | Egyedi azonosító a tételhez. |

Újabb tételt az **Elem hozzáadása** gombbal vehetsz fel.

## A widget beállításai

![A képes harmonika beállításai](./kepek/kepes-accordion-beallitasok.webp)

*A képes harmonika beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=10&action=elementor)

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Cím megjelenítése** | Mikor látszódjon a cím: **Rámutatáskor**, **Alapértelmezett állapotban**, **Alapértelmezett állapotban és rámutatáskor**. | **Rámutatáskor** |
| **Cím HTML-címkéje** | A cím HTML-címkéje. | **H5** |
| **Képek mérete** | A képek felbontása (**Full**, **Thumbnail**, **Medium**, **Large** stb.). | **Full** |
| **Tájolás** | **Függőleges** vagy **Vízszintes** elrendezés. | **Függőleges** |
| **Divider Style** | A tételek elválasztásának stílusa: **Default**, **Slant**, **Chevron**. | **Default** |
| **Aktív méret (%)** | Az aktív kép szélessége vagy magassága (a tájolástól függően) százalékban. Ezzel lehet nagyobb szeletet adni neki. | 50 |
| **Animáció időtartama** | Az animáció hossza ezredmásodpercben. Minél kisebb az érték, annál gyorsabb az effektus. | 500 |
| **Easing** | Az animáció menete: **Szinusz**, **Ötödfokú**, **Köbös**, **Expo**, **Circ**, **Vissza**. | **Circ** |

## Stílus

A **Stílus** fülön a szöveg betűtípusát, háttérszínét, méretét, igazítását és a többi megjelenést is beállíthatod. Az oldal mentése után a harmonika a nyilvános oldalon így néz ki:

![A képes harmonika vendégként nézve](./kepek/kepes-accordion-frontend.webp)

*A képes harmonika vendégként nézve* (https://minta-bolt.hu/jettabs-bemutato/)

Az aktív tétel kiemelt, mellette cím, leírás és gomb látszik.

Az oldalt elmentheted piszkozatként vagy sablonként is.