# Szűrhető képgaléria

> Kategóriák rendelése a képekhez, szűrőfülek bekapcsolása és stílusa, alapértelmezett fül és a fülek legördülő menüje mobilon.

A **Képgaléria** widget szűrhető galériaként is működik: a képekhez kategóriákat rendelsz, a kategóriák nevei pedig szűrőfülekként jelennek meg a galéria fölött. Egy fülre kattintva csak az adott kategória képei látszanak, a képek megkeverő animációval cserélődnek.

A szűrhető galéria csak **Rács**, **Masonry** és **Sorkizárt** elrendezésnél érhető el.

## 1. Kategóriák rendelése a képekhez

A kategóriát a kép médiatárbeli adatainál adod meg.

1. Nyisd meg a médiatárban a képet (a **Média módosítása** oldalt), vagy jelöld ki a képet a galéria szerkesztése közben a médiatár ablakában.
2. A kép adatai között megjelenik az **UAE - kategóriák (pl.: Cat1, Cat2)** mező. Írd be a kategória nevét. Több kategóriát vesszővel elválasztva adhatsz meg.

![A médiatár képének szerkesztőoldala az UAE kategória mezőjével](./kepek/media-kepgaleria-melleklet-mezok.webp)

*A médiatár képének szerkesztőoldala az UAE kategória mezőjével* (https://minta-bolt.hu/wp-admin/post.php?post=8&action=edit)

A kép adatai alatt az **UAE - kategóriák (pl.: Cat1, Cat2)** mezőben a „Dizájn” kategória látszik.

Egy kép több kategóriába is tartozhat. Ha például az „A” kép a „Arculat” és „Dizájn”, a „B” kép a „Fotó” és „Web” kategóriába tartozik, a galéria mind a négy fület megjeleníti, és mindegyik a hozzá rendelt képeket mutatja.

## 2. A szűrhető galéria bekapcsolása

1. Válaszd ki a **Képgaléria** widgetet.
2. A **Tartalom** fül **Rács / mozaik / sorkizárt** szakaszában kapcsold be a **Szűrhető képgaléria** kapcsolót. Ekkor a képekhez rendelt összes kategória megjelenik fülként.
3. Az **„összes” fül címkéje** mezőben átírhatod a fő fül feliratát. Ez a fül az összes képet mutatja. Alapértéke „Mind”.

![A Képgaléria rács szakasza a szűrhető galéria beállításaival](./kepek/media-kepgaleria-racs-panel.webp)

*A Képgaléria rács szakasza a szűrhető galéria beállításaival* (https://minta-bolt.hu/wp-admin/post.php?post=16&action=elementor)

A képen a **Szűrhető képgaléria** kapcsoló, az **„összes” fül címkéje**, az **Alapértelmezett fül oldalbetöltéskor** és a **Reszponzív támogatás** beállítás látszik.

A galéria bármelyik képéhez rendelt minden kategória automatikusan fülként jelenik meg. Egyes füleket külön nem lehet elrejteni: ha egy kategória nem kell fülnek, vedd le a kategóriát a galéria összes képéről.

![A szűrhető képgaléria a Fotó fül kiválasztása után](./kepek/media-kepgaleria-szures-foto.webp)

*A szűrhető képgaléria a Fotó fül kiválasztása után* (https://minta-bolt.hu/media-1-teszt/)

A képen a **Fotó** fül aktív, és csak a hozzá tartozó két kép látszik.

## 3. A szűrőfülek testreszabása

A fülek külsejét a **Stílus** fül **Szűrhető fülek** szakasza adja. Itt állíthatod a fülek igazítását, a tipográfiát, a paddinget, a fülek közötti térközt és a fülek alsó térközét, valamint a **Normál** és **Rámutatás** állapot szövegszínét, háttérszínét és szegélyét.

![A szűrhető fülek stílusbeállításai](./kepek/media-kepgaleria-fulek-panel.webp)

*A szűrhető fülek stílusbeállításai* (https://minta-bolt.hu/wp-admin/post.php?post=16&action=elementor)

A képen a **Fül igazítása**, a **Tipográfia**, a **Padding** és a fülek térközeinek beállításai láthatók.

## Alapértelmezett fül oldalbetöltéskor

Alapesetben az oldal betöltésekor az „összes” fül aktív. Ha egy adott kategória induljon aktívan:

1. A **Rács / mozaik / sorkizárt** szakaszban az **Alapértelmezett fül oldalbetöltéskor** kapcsolót állítsd **Egyéni**re.
2. Az **Add meg a kategória nevét** mezőbe írd be a kategória nevét. A név pontosan egyezzen a képekhez megadott kategórianévvel.

Ha például a „Dizájn” kategória fülét szeretnéd aktívan látni, írd be: „Dizájn”. Betöltéskor ez a fül lesz aktív, és alatta a „Dizájn” kategóriába tartozó képek jelennek meg.

Ha az „összes” fül legyen az alapértelmezett, hagyd a kapcsolót **Első** állásban.

## Fülek mobilon: legördülő menü

A **Reszponzív támogatás** kapcsoló bekapcsolása után a szűrőfülek mobilon és más kisebb eszközön legördülő menüként jelennek meg. Akkor érdemes bekapcsolni, ha sok a fül.

## Sorkizárt elrendezés és szűrő

Ha a szűrhető galériát sorkizárt elrendezéssel használod, és a fülek alatt nem látszanak képek, nézd meg az **Utolsó sor elrendezése** beállítást. Ha az értéke **Elrejtés**, állítsd **Sorkizárt**ra. További részletek: [Képgaléria widget](https://hub.hellowp.io/hu/plugins/ultimate-elementor/media-kepgaleria/).