# Közösségi értékelések: több forrású fal és kategóriaszűrő

> Facebook-, Google- és kézi értékelések egy falon, forrásonként külön korláttal, és a látogató által használható kategóriaszűrő.

Egy **Közösségi értékelések** widget több forrást is tud egyszerre mutatni. A **Közösségi értékelések** lista minden eleme egy forrás, a widget pedig mindet egyetlen falon, egységes stílusban rakja ki. A widget minden beállítását az [áttekintő fejezetben](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kozosseg-funkciok-velemenyek-attekintes/) találod. A widget a Pro bővítmény része, az ingyenes bővítményben nincs meg. Az Elementor legyen aktív, és a **The Plus Addons → Widgets** oldalon kapcsold be a **Social Reviews** widgetet.

## Több forrás egy falon

A Facebook-, a Google- és a kézzel beírt értékelések egymás mellett, ugyanabban az elrendezésben és ugyanazzal a stílussal jelennek meg.

### Előfeltételek

- A **Kézi kifizetés** forráshoz nem kell token, kulcs vagy bejelentkezés.
- A Facebook- és a Google-sornak külön hitelesítő adat kell: mindegyik sorban saját **Hozzáférési token** és **Oldal/hely ID** áll. A tokenek egymástól függetlenül lejárhatnak.
- A Facebookot és a Google-t a webszervered hívja meg az oldal megjelenítésekor, ezért a szervernek tudnia kell kifelé HTTPS-kéréseket küldeni.

### A fal felépítése

1. Szerkeszd az oldalt Elementorral, és húzd rá a **Közösségi értékelések** widgetet.
2. A **Tartalom** szakaszban hagyd a **Típust** **Értékelések**en, válassz **Stílust**, és állítsd az **Elrendezést** **Rács** vagy **Masonry** értékre. A vegyes falnál a Masonry a jobb, mert a különböző forrásokból érkező kártyák magassága eltér.
3. Nyisd ki az első elemet a **Közösségi értékelések** listában, válaszd ki a **Forrás** mezőt, és töltsd ki a forráshoz tartozó mezőket.
4. Írj egy címkét a **Kategória (szűréshez)** mezőbe, például „Google”. A szűrőhöz kell majd.
5. Az **Elem hozzáadása** gombbal vedd fel a többi forrást, és ismételd meg a lépéseket.
6. Ha szeretnéd, hogy a látogató forrás szerint szűkíthesse a falat, kapcsold be a **Szűrési opció** szakaszban a **Kategória szerinti szűrést**.

![Vegyes fal: kézi, Facebook- és Google-sorok egy Masonry elrendezésben, fölötte a kategóriaszűrő](./kepek/kozosseg-funkciok-2-fal-tobbforras.webp)

*Vegyes fal: kézi, Facebook- és Google-sorok egy Masonry elrendezésben, fölötte a kategóriaszűrő* (https://minta-bolt.hu/tp-fal-tobbforras/)

A képen kézi sorok, egy Google- és egy Facebook-sor látszik egyetlen falon. A két rózsaszín kártya a hitelesítő adat nélküli Google- és Facebook-sor hibakártyája, a többi sorra ez nincs hatással.

### Mit ad hozzá egy sor

| Beállítás | Hol | Mit csinál |
|---|---|---|
| **Forrás** | soronként | **Facebook**, **Google** vagy **Kézi kifizetés** |
| **Hozzáférési token** és **Oldal/hely ID** | soronként | A forrás hitelesítő adata. Kézi forrásnál nem látszik. |
| **Eredmények maximális száma** | soronként | Hány értékelést ad ez a sor (alapérték: 6). Ezzel akadályozhatod meg, hogy egy forrás elnyomja a többit. |
| **Kategória (szűréshez)** | soronként | A sor értékeléseinek címkéje a szűrősávban |
| **Értékelési ikon** | soronként | Így minden forráshoz más ikont adhatsz |

### Működés

- Minden sor külön kéri le az adatot. Az a sor, amelyik nem éri el a platformot, egyetlen hibakártyát ad a falhoz, a többi sort ez nem érinti.
- A kézi sor **Platform** beállítása dönti el, melyik logót és szöveget kapja a kártya. Így olyan helyről is felvehetsz értékelést, amelyhez a widgetnek nincs bekötése.
- A teljes fal egy stílust használ. Ha azt szeretnéd, hogy a források különbözzenek, a **Stílus** fülön külön Facebook-, Google- és kézi szakaszok vannak.
- A lekért értékeléseket a **Frissítési idő** ideig (alapérték: 1 nap) tárolja a widget.

### Korlátok

- A hibakártyán csak „Something Wrong” áll. Ugyanezt kapod rossz token és teljesen üres mezők esetén is, ezért a szöveg nem árulja el, elírtad-e a tokent, vagy meg sem adtad.
- Körhinta elrendezésben az **Oszlopok kezelése**, a **Szűrési opció** és a **Továbbiak betöltése / késleltetett betöltés** szakasz nem látszik.
- A **Load More** és a **Lazy Load** jelenleg nem tölt be semmit: a gomb **Loading…** feliratra vált és úgy marad, a kártyák száma nem nő, és JavaScript-hiba keletkezik. Amíg ez nem javul, mutasd meg az összes kívánt értékelést.

### Hibaelhárítás

- **Hiányzik az egyik forrás.** Keresd meg a hibakártyáját a falon. Ha a platform neve mellett „Something Wrong” áll, a sor hitelesítő adata hibás, nem a fal.
- **Az egyik forrás elnyomja a többit.** Csökkentsd annak a sornak az **Eredmények maximális számát**. Soronként állítható.
- **Nem jelenik meg a szűrősáv.** Az **Elrendezés** ne legyen **Körhinta**, a **Kategória szerinti szűrés** legyen bekapcsolva, és minden sorban legyen érték a **Kategória (szűréshez)** mezőben.
- **A különböző forrású kártyák nem egyformák.** Az avatarok, a névformák és a szöveghosszak platformonként mások. A Masonry kezeli a magasságkülönbséget, a **Stílus** fül **Általános** szakasza pedig egyszerre mindegyikre ugyanazt a kinézetet adja.

## Kategóriaszűrő

A szűrő a **Kategória (szűréshez)** mezőkbe írt címkékből épül, így úgy csoportosítod az értékeléseket, ahogy neked jó: forrás, szolgáltatás vagy telephely szerint. Rácsban és Masonryban működik, körhintában nincs.

### Beállítás

1. Szerkeszd az oldalt Elementorral, és húzd rá a **Közösségi értékelések** widgetet.
2. A **Tartalom** szakaszban hagyd a **Típust** **Értékelések**en, és válaszd a **Rács** vagy a **Masonry** elrendezést.
3. Nyisd ki az egyes elemeket a **Közösségi értékelések** listában, és írj egy címkét a **Kategória (szűréshez)** mezőbe. Az azonos címkéjű értékelések ugyanahhoz a gombhoz kerülnek, ezért mindig ugyanúgy írd.
4. Nyisd meg a **Szűrési opció** szakaszt, és kapcsold be a **Kategória szerinti szűrést**. Alapból ki van kapcsolva.
5. Ugyanitt állítsd be a szűrősor kinézetét.

![A Szűrési opció szakasz bekapcsolt kategóriaszűrővel](./kepek/kozosseg-funkciok-2-fal-szuro-panel.webp)

*A Szűrési opció szakasz bekapcsolt kategóriaszűrővel* (https://minta-bolt.hu/wp-admin/post.php?post=29&action=elementor)

A képen a **Szűrési opció** szakasz látszik: a **Kategória szerinti szűrés** kapcsoló, az „összes” gomb szövege, a két stílusválasztó és az illesztés.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Kategória szerinti szűrés** | Bekapcsolja a szűrősort | ki |
| **Az összes szűrőkategória szövege** | A szűrést megszüntető gomb felirata | Mind (a magyar felületen) |
| **Kategóriaszűrő stílusa** | A gombok kész kinézete | Style 1 |
| **Szűrőstílus rámutatáskor** | A rámutatás kész hatása | Style 1 |
| **Szűrés illesztése** | Balra, középre vagy jobbra | középre |

### Működés

- A gombok a te címkéidből épülnek. Ha az egyik értékelésnél „Szállítás”, a másiknál „szállítás” áll, két gombot kapsz.
- Az összes értékelést mutató gomb mellett az értékelések száma látszik, a kategóriagombok mellett nem.
- A gombra kattintva az oldal újratöltés nélkül szűr.

![A kategóriaszűrő a nyilvános oldalon, az összes értékeléssel](./kepek/kozosseg-funkciok-2-fal-szuro.webp)

*A kategóriaszűrő a nyilvános oldalon, az összes értékeléssel* (https://minta-bolt.hu/tp-fal-szuro/)

A képen a szűrősor látszik még szűrés előtt: az összes értékelést mutató gomb mellett a három kategória, és mind a hat értékelés látszik.

![A szűrő a Szállítás kategóriára kattintás után: csak a két ide tartozó értékelés marad](./kepek/kozosseg-funkciok-2-fal-szuro-kattintas.webp)

*A szűrő a Szállítás kategóriára kattintás után: csak a két ide tartozó értékelés marad* (https://minta-bolt.hu/tp-fal-szuro/)

A képen a **Szállítás** gomb aktív, és a hat értékelésből a két ilyen címkéjű marad meg.

### Korlátok

- A címke nélküli értékelés az összes értékelést mutató nézetben látszik, de egyetlen kategóriagomb alatt sem.
- A szűrés a böngészőben fut, ezért a nyilvános oldalon próbáld ki, nem a szerkesztőben.
- Körhinta elrendezésben a **Szűrési opció** és az **Oszlopok kezelése** szakasz nem látszik. A körhinta oszlopait a **Stílus** fül adja.
- A kategóriagombokon nincs értékelésszám.

### Hibaelhárítás

- **Nem jelenik meg a szűrősor.** Az **Elrendezés** ne legyen **Körhinta**, a **Kategória szerinti szűrés** legyen bekapcsolva (alapból ki van), és legalább egy értékelésnek legyen címkéje.
- **Két egyforma gombot látok.** A címkék valahol eltérnek, például a kis- és nagybetűben vagy egy záró szóközben. Mindenhol írd pontosan ugyanúgy.
- **Egy értékelés eltűnik, ha kategóriát választok.** Annak az értékelésnek nincs címkéje. Adj neki egyet, vagy fogadd el, hogy csak az összes értékelést mutató nézetben látszik.
- **A gombra kattintva nem történik semmi.** A szűrés a böngészőben fut. Nézd meg a nyilvános oldalt a szerkesztő helyett, és a böngészőkonzolban keress egy másik bővítmény JavaScript-hibáját.