# Közösségi értékelések: rács, Masonry és körhinta távirányítóval

> Az értékelések három elrendezése, az oszlopok beállítása és a körhinta vezérlése a Távoli carousel widgettel.

A **Közösségi értékelések** widget az értékeléseket három elrendezésben mutatja: **Rács**, **Masonry** és **Körhinta**. 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 Elementor legyen aktív, és a **The Plus Addons → Widgets** oldalon kapcsold be a **Social Reviews** widgetet.

## Rács

A **Rács** az alapértelmezett elrendezés: a kártyák azonos magas cellák soraiba kerülnek. Hasonló hosszúságú értékeléseknél szép.

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álassz **Stílust**.
3. Az **Elrendezés** legyen **Rács** (ez az alapérték).
4. Vedd fel az értékeléseket a **Közösségi értékelések** listában: Facebookról, Google-ról vagy a **Kézi kifizetés** forrással.
5. Az **Oszlopok kezelése** szakaszban eszközönként állítsd be az oszlopok számát.

![Hat értékelés rács elrendezésben](./kepek/kozosseg-funkciok-1-velemenyek-racs.webp)

*Hat értékelés rács elrendezésben* (https://minta-bolt.hu/tp-velemenyek-racs/)

A képen hat kézi értékelés látszik rácsban, négy oszloppal (az alapérték). A sorok a legmagasabb kártyához igazodnak.

A kártyák sorokban állnak, és egy sor a benne lévő legmagasabb kártyához igazodik. Emiatt a rövid értékelések alatt üres hely maradhat. Az oszlopok eszközönként állíthatók, és a widgetre vonatkoznak, nem az Elementor-tárolóra. Szűk tároló esetén a kártyák a beállítástól függetlenül tördelődnek.

## Masonry

A Masonry magasság szerint pakolja a kártyákat, ezért a falon nincsenek üres rések. Az értékelések ritkán egyforma hosszúak, ilyenkor ez az elrendezés tömörebb.

1. A **Tartalom** szakaszban állítsd az **Elrendezést** **Masonry**ra.
2. Vedd fel az értékeléseket a **Közösségi értékelések** listában.
3. Az oszlopokat az **Oszlopok kezelése** szakaszban állítsd, ugyanott, mint a rácsnál.

![Ugyanaz a hat értékelés Masonry elrendezésben](./kepek/kozosseg-funkciok-1-velemenyek-masonry.webp)

*Ugyanaz a hat értékelés Masonry elrendezésben* (https://minta-bolt.hu/tp-velemenyek-masonry/)

A képen ugyanaz a hat értékelés látszik, de a második sor kártyái közvetlenül az első sor alá kerülnek, rés nélkül.

- A Masonry és a rács ugyanazt a kártyaszerkezetet használja, csak egy burkolóosztály különbözik, ezért ami az egyiknél be van állítva, a másikra is átvihető.
- A kártyák nem sorokban állnak: minden oszlop magától tölt fel.
- Vegyes forrásoknál ez a jobb választás, mert a Facebook-, Google- és kézi értékelések ritkán egyforma magasak.
- Ha a **Szövegkorlát** minden értékelést ugyanarra a hosszra vág, a két elrendezés alig különbözik. Növeld a **Korlátozás értékét**, vagy kapcsold ki a **Szövegkorlátot** az **Extra opciók** szakaszban.
- A Masonry JavaScripttel helyezi el a kártyákat az oldal betöltése után. Ha a kártyák átfedik egymást vagy furcsán rendeződnek, nézd meg a böngészőkonzolt egy másik bővítmény vagy egy késleltetett betöltő hibája miatt, és ellenőrizd a nyilvános oldalon, nem a szerkesztőben.

## Oszlopok kezelése

Rácsnál és Masonrynál ez a szakasz adja meg, hány kártya álljon egymás mellett.

| Beállítás | Alapérték | Jelentése |
|---|---|---|
| **Oszlop asztali nézetben** | Column 4 | négy kártya egymás mellett |
| **Oszlop táblagépen** | Column 3 | három egymás mellett |
| **Oszlop mobilon** | Column 2 | kettő egymás mellett |
| **Oszlopok közötti térköz** | 15 px minden oldalon | a kártyák közti távolság; px, % vagy em |

A legördülő feliratai fordítottak a tárolt értékhez képest, ezért mindig a látható feliratot kövesd: a **Column 4** négy oszlopot ad.

## Körhinta

A körhinta egyszerre több kártyát mutat, pontokkal és (ha bekapcsolod) nyilakkal.

1. Az **Elrendezés** legyen **Körhinta**.
2. Vedd fel az értékeléseket a **Közösségi értékelések** listában.
3. A körhinta saját beállításai a **Stílus** fül **Carousel** szakaszában vannak.

![A körhinta négy kártyával és hat ponttal](./kepek/kozosseg-funkciok-1-velemenyek-korhinta.webp)

*A körhinta négy kártyával és hat ponttal* (https://minta-bolt.hu/tp-velemenyek-korhinta/)

A képen a körhinta egyszerre négy kártyát mutat, alatta hat pont látszik, alattuk pedig a Távoli carousel **Előző** és **Következő** gombja. A forráslogók a körhintában nagyok.

- A körhinta alapból magától lapoz.
- Körhintánál 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, az oszlopokat a **Stílus** fül **Carousel** szakasza adja.
- A nyilak alapból ki vannak kapcsolva, csak pontok látszanak. A **Nyilak megjelenítése** kapcsolóval teheted láthatóvá.
- Két **Arrows Style** mező van: az egyik a nyíl kinézetét, a másik a helyzetét állítja.

### A körhinta beállításai

A **Stílus** fül **Carousel** szakasza csak **Körhinta** elrendezésnél jelenik meg, a **Tartalom** fülön nincs ilyen szakasz.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Slider Mode** | Vízszintes vagy függőleges mozgás | vízszintes |
| **Slide Direction** | Balról jobbra vagy jobbról balra | balról jobbra |
| **Slide Speed** | Egy váltás időtartama | |
| **Draggable** | A látogató húzással is lapozhat | be |
| **Infinite Mode** | Az utolsó után az elsőre ugrik, nem áll meg | be |
| **Autoplay** | Magától lapoz | be |
| **Autoplay Speed** | Meddig marad egy dia | |
| **Pontok megjelenítése** | A pontnavigáció a körhinta alatt | be |
| **Dots Style** | A pontok kész kinézete | style-1 |
| **On Hover Dots** | A pontok csak rámutatáskor látszanak | ki |
| **Nyilak megjelenítése** | Az előző és a következő nyíl | ki |
| **Egyedi carousel-ID** | Az általad kitalált azonosító, amellyel a **Távoli carousel** widget vezérelheti ezt a körhintát | üres |

![Az értékelések körhintája bekapcsolt nyilakkal és pontokkal](./kepek/kozosseg-funkciok-2-fal-korhinta.webp)

*Az értékelések körhintája bekapcsolt nyilakkal és pontokkal* (https://minta-bolt.hu/tp-fal-korhinta/)

A képen a körhinta bekapcsolt nyilakkal látszik: egyszerre négy kártya, alatta hat pont, amelyek közül a második aktív, mert a körhinta magától továbblapozott.

- Az **Infinite Mode** miatt a widget a két végén másolt diákat is kirak, hogy a hurok varratmentes legyen. Ez nem duplikált értékelés. Ha azt szeretnéd, hogy a körhinta az utolsó értékelésnél megálljon, kapcsold ki az **Infinite Mode**-ot.
- A forráslogó a körhintában nagyon nagy. Ha a kártyán a Google- vagy Facebook-logó uralkodik, próbáld a **Style-3** stílust, amely nem mutat forráslogót, vagy kézi soroknál adj meg kisebb **Platformlogót**.
- A körhintánál alapból nincsenek nyilak: ha nem látod őket, kapcsold be a **Nyilak megjelenítése** kapcsolót.
- Ha a **Szűrési opció** és az **Oszlopok kezelése** szakasz eltűnt, az a körhinta elrendezésből adódik, az oszlopokat a **Carousel** szakasz adja.

## A körhinta vezérlése a Távoli carousel widgettel

A körhinta nyilai és pontjai alapból közvetlenül alatta vannak. A **Távoli carousel** widget máshová teszi ezt a navigációt: egy mellette lévő oszlopba, egy címsor fölé, bárhová az oldalon. A két widgetet egy általad kitalált azonosító köti össze: beírod a körhintába, majd ugyanazt a távirányítóba.

### Előkészület

A **The Plus Addons → Widgets** oldalon két widgetet kapcsolj be: a **Social Reviews** és a **Carousel Remote** widgetet. Az utóbbi külön kapcsolót kap.

### Összekötés

1. Add hozzá az oldalhoz a **Közösségi értékelések** és a **Távoli carousel** widgetet.
2. A **Közösségi értékelések** widgetben hagyd a **Típust** **Értékelések**en, válassz **Stílust**, és az **Elrendezés** legyen **Körhinta**.
3. Vedd fel az értékeléseket a **Közösségi értékelések** listában.
4. A **Stílus** fül **Carousel** szakaszában írj egy rövid nevet az **Egyedi carousel-ID** mezőbe. Az oldalon csak egyszer használd.
5. Jelöld ki a **Távoli carousel** widgetet. A **Tartalom** fülön az **Egyedi kapcsolati ID** mezőbe írd ugyanezt az azonosítót, a **Távoli vezérlés típusa** legyen **Carousel**.

### A navigáció kiválasztása

A távirányító kétféle vezérlőt ad, használhatod bármelyiket vagy mindkettőt.

1. Nyilakhoz nyisd meg a távirányító **Előző/következő** fülét, és kapcsold be a **Következő/előző gomb** kapcsolót.
2. Pontokhoz nyisd meg a **Pontok** fület, és kapcsold be a **Pontok** kapcsolót. Annyi pont-elemet vegyél fel, ahány dia van.

A saját navigációt kapcsold ki, ha a távirányító átveszi a feladatot, különben a látogató két vezérlőkészletet lát. A **Közösségi értékelések** widgetben ez a **Stílus** fül **Carousel** szakaszában a **Pontok megjelenítése**, és ha bekapcsoltad, a **Nyilak megjelenítése**.

### Az érintett beállítások

| Beállítás | Widget | Mit csinál | Alapérték |
|---|---|---|---|
| **Elrendezés** | Közösségi értékelések | **Körhinta** legyen, különben nincs mit távvezérelni | **Rács** |
| **Egyedi carousel-ID** | Közösségi értékelések | A kitalált név, a **Stílus** fül **Carousel** szakaszában | üres |
| **Egyedi kapcsolati ID** | Távoli carousel | Ugyanaz a név még egyszer | üres |
| **Távoli vezérlés típusa** | Távoli carousel | **Carousel** legyen | **Carousel** |
| **Pontok megjelenítése** | Közösségi értékelések | A körhinta saját pontjai, kapcsold ki, ha a távirányító adja őket | be |
| **Nyilak megjelenítése** | Közösségi értékelések | A körhinta saját nyilai | ki |

### Tudnivalók

- Az azonosító maga a kapcsolat. Nincs választólista, a távirányító a karakterlánc egyezése alapján találja meg a körhintát, ezért a két értéknek azonosnak kell lennie.
- A körhinta a távirányítótól függetlenül is magától lapoz.
- A távirányító az oldalon bárhol, bármelyik tárolóban lehet, amíg mindkét widget ugyanazon az oldalon van.
- Egy azonosító egy körhintát jelent. Ha ugyanazt az **Egyedi carousel-ID**-t kétszer használod egy oldalon, a távirányító nem tudja megkülönböztetni a két körhintát.

### Ha a távirányító nem csinál semmit

Ellenőrizd az azonosítót mindkét oldalon, karakterre pontosan: egy szóköz is elég a hibához. Nézd meg, hogy a **Távoli vezérlés típusa** **Carousel**-e, és hogy a **Közösségi értékelések** **Elrendezése** valóban **Körhinta**-e.

### Nem találod az **Egyedi carousel-ID** mezőt

A **Stílus** fülön, a **Carousel** szakaszban van, és ez a szakasz csak **Körhinta** elrendezésnél létezik.

### Kétszer látsz pontokat

A körhinta saját pontjai még be vannak kapcsolva. Kapcsold ki a **Pontok megjelenítése** kapcsolót a **Stílus** fül **Carousel** szakaszában.

### A **Távoli carousel** widget nincs a panelen

Kapcsold be a **The Plus Addons → Widgets** oldalon. Külön widget, saját kapcsolóval.

## Közös korlátok

- A rács és a Masonry oszlopfeliratai fordítottak a tárolt értékhez képest. A látható feliratot kövesd.
- Körhintánál három szakasz eltűnik (**Oszlopok kezelése**, **Szűrési opció**, **Továbbiak betöltése / késleltetett betöltés**).
- A **Szövegkorlát** alapból be van kapcsolva 100 karakterrel, ezért a hosszabb értékelések „Több megjelenítése” hivatkozással végződnek.
- A **Load More** és a **Lazy Load** jelenleg nem tölt be semmit, ezért a megjeleníteni kívánt értékeléseket mind mutasd meg.
- Az oszlopbeállítások a rácsnál is eszközönként külön adhatók meg. Ha a **Column 4** értéket állítottad, de más oszlopszámot kapsz, ellenőrizd, hogy az asztali, a táblagépes vagy a mobilos mezőt módosítottad-e.
- A rács sorai a legmagasabb kártyához igazodnak. Ha az értékelések hossza nagyon eltér, a Masonry rendezettebb.