# Értékelési elemek oldalépítőkhöz

> A hat értékelési elem az Elementorban, a Bricksben és a Diviben: forrás, tizenegy elrendezés, tartalom- és stílusbeállítások, kártyák a boltoldalon.

Az Elementor-, a Bricks- és a Divi-kiegészítő hat-hat elemet ad a termékértékelésekhez, így az értékelési összesítőt, az értékelések listáját és az **Értékelés írása** gombot vizuálisan építheted meg az alapértelmezett termékoldal helyett. Ugyanazt a hat darabot adják, mint a WordPress blokkszerkesztő értékelő blokkjai ([Értékelések megjelenítése a boltban](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/rendelesek-ertekelesek-megjelenites/)).

| Szerepük | Elementor (elem) | Bricks (elem) | Divi (modul) |
|---|---|---|---|
| Teljes értékelési szakasz | Product Reviews | Product Reviews | FluentCart Product Reviews |
| Csak az értékelések listája | Product Review List | Review List | FluentCart Review List |
| Átlag és csillagok szerinti bontás | Review Summary | Rating Summary | FluentCart Rating Summary with Review |
| Az űrlap az oldalon | Review Form | Review Form | FluentCart Review Form |
| Gomb az űrlap megnyitásához | Write a Review Button | Write a Review | FluentCart Write a Review |
| Kis csillagsor a darabszámmal | Product Rating | Product Rating | FluentCart Product Rating |

Az elemek az építő **FluentCart** kategóriájában vannak (a Divi modulneve **FluentCart** előtagot kap). Amelyik beállítás a FluentCart Prót igényli, az Pro nélkül is látszik, de zárolt, **Pro** jelzéssel; az elemek maguk ingyenesek.

## Előfeltételek

- A builder kiegészítője legyen bekapcsolva: **Elementor-blokkok**, **FluentCart Bricks Blocks** vagy **FluentCart Divi Modules**. Telepítésük a **FluentCart Pro → Beállítások → Funkciók és kiegészítők** oldalon történik, lásd a [FluentCart-elemek az Elementorhoz](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/testreszabas-elementor/), a [Brickshez](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/testreszabas-bricks/) és a [Divihez](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/testreszabas-divi/) szóló fejezeteket.
- A **Termékértékelések** be legyen kapcsolva az értékelések beállításaiban ([Termékértékelések beállításai](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/rendelesek-ertekelesek-beallitasok/)). Amíg ki van kapcsolva, az elemek a panelen maradnak, de a vászon jelzi, hogy az értékelések modulja ki van kapcsolva, a látogatók pedig semmit nem látnak. Egy termék, amelynél az értékelés ki van kapcsolva, a szerkesztőben hasonló jelzést mutat.

## Értékelési elem hozzáadása

**Elementor:**

1. Nyisd meg az oldalt vagy sablont az **Edit with Elementor** gombbal.
2. Az **Elements** panel **Search Widget...** mezőjébe írd: `review`.
3. Húzd a kívánt elemet a vászonra.

**Bricks:**

1. Nyisd meg az oldalt vagy sablont a Bricks szerkesztővel.
2. Kattints a plusz ikonra (+), és a keresőmezőbe írd: `review`.
3. Kattints az elemre, vagy húzd a vászonra.

**Divi:**

1. Nyisd meg az oldalt vagy a Theme Builder-sablont a Divi szerkesztővel.
2. Kattints a plusz ikonra (+) az **Insert Module Or Row** ablak megnyitásához, és a keresőmezőbe írd: `review`.
3. Kattints a modulra, hogy az elrendezésbe kerüljön.

## A forrás: melyik termék értékelései látszanak

Minden elem a **Content** fülön ugyanazzal a termékválasztással indul:

- **Source** (Elementor), **Product Source** (Bricks és Divi): a **Current Product** (Bricksben és Diviben **Current product**) azt a terméket mutatja, amelyet az oldal vagy a sablon éppen megjelenít; egytermékes sablonban ez a helyes választás. A **Custom** (Bricksben és Diviben **A specific product**) egy konkrét termékhez köti az elemet.
- **Select Product**: akkor jelenik meg, ha a forrás egy konkrét termék. Itt választod ki. A Bricksben a **Product** mező kereshető lista, ha pedig nincs kiválasztva termék, a **Manual Product ID** mezőbe terméket azonosítót írhatsz, vagy Bricks dinamikus adatot, például `{post_id}` vagy egyéni mező.

A **Product Reviews**, a **Review List** (Elementorban **Product Review List**), valamint a **Rating Summary** (Elementorban **Review Summary**, Divi alatt **FluentCart Rating Summary with Review**) több termékről is gyűjthet értékelést. Ezeknél a forrás neve **Show reviews from** (Divi alatt **Show Reviews From**):

- **Show reviews from:** **Current Product**, **Selected Products** vagy **All Products**. Az **All Products** az áruház minden termékének értékelését mutatja.
- **Select Products** (Elementor), **Products** (Bricks és Divi): akkor jelenik meg, ha a forrás **Selected Products**; itt választasz egy vagy több terméket. A Bricksben a **Manual Product IDs** mezőbe vesszővel elválasztott azonosítókat írhatsz azoknak a termékeknek, amelyek nincsenek a listában.

Ha egy elem több terméket mutat (kettőt vagy többet választottál, vagy az **All Products** van beállítva), az értékeléseiket egyetlen listává egyesíti. Az összesítő egyetlen átlagot és egyetlen csillagbontást mutat az összes termékre.

Egy értékelés egyetlen termékhez tartozik, ezért több terméknél az **Értékelés írása** gomb nem jelenik meg. A **Review Form**, a **Write a Review** és a **Product Rating** mindig egy termékkel dolgozik, és megtartja az eredeti forrásbeállítást.

Ha a rendszer nem tud terméket megállapítani (például egy **Current Product** elem egy sima oldalon), a szerkesztő előnézetben a legújabb közzétett terméket mutatja (a Bricks olyan terméket, amelynek már van jóváhagyott értékelése). Ha egyáltalán nem talál terméket, a vászon felszólít a kiválasztására. A látogatók ezeket a jelzéseket sosem látják.

## 1. Product Reviews (a teljes szakasz)

Az egész értékelési rész egy elemben: az értékelési összesítő, az **Értékelés írása** gomb és az értékelések listája. Akkor használd, ha gyorsan akarsz teljes szakaszt; ha magad akarod elhelyezni a részeket, az alábbi különálló elemeket válaszd.

### Az elrendezés kiválasztása

A **Content** fülön a forrás alatt van a **Layout** rész.

- **Elementor:** a **Layout Preset** választó egy kártyarács, mindegyiken a kinézet kis rajzával. Az **All layouts**, **List**, **Grid**, **Photo** és **Carousel** fülekkel szűkíthetsz, és egy kártyára kattintva alkalmazod.
- **Bricks:** a **Layout Preset** legördülő a tizenegy elrendezést és a **None (use the settings below)** értéket kínálja. Az elrendezés kiválasztásakor az azonnal előnézetként látszik a vásznon; a megtartásához kattints az **Apply Layout** gombra, amely az elrendezés kiválasztása után jelenik meg. A Bricks elmenti az oldalt, az elrendezés beállításait az elem saját beállításaiba írja, és újratölti a panelt.
- **Divi:** az elrendezésválasztó kártyarács; az **All**, **Lists**, **Grids**, **Photos** és **Carousels** fülekkel szűkíthetsz. Az elrendezés a kattintás pillanatában érvényesül.

A tizenegy elrendezés megegyezik azzal, amelyet a blokkszerkesztő kínál:

| Elrendezés | Típus | Milyen |
|---|---|---|
| Classic | Lista | Az összesítő az értékelések mellett, a darabszámmal, a szűrőgombokkal, a rendezéssel és számozott oldalakkal. Ingyenes. |
| Minimal List | Lista | Soronként egy értékelés, fejléc a lista felett és dátumok nélkül. |
| Compact | Lista | Csillagok, pár sor és egy **Read more** hivatkozás. Nincs avatar, dátum, cím vagy fotó. |
| Card Grid | Rács | Soronként két kártya, felül a szűrővel és a rendezéssel, alatta „Page 2 of 7” formájú oldalszámmal. |
| Masonry | Rács | Három oszlop, minden kártya akkora, amekkora a tartalma. |
| Summary on Top | Lista | Felül az átlag és a csillagbontás, alatta az értékelések. |
| Photo Grid | Fotó | Soronként három kártya, mindegyik tetején a vevő fotójával. Csak a fotós értékeléseket mutatja. |
| Photo Wall | Fotó | Soronként négy fotó, rajtuk a csillagokkal, a névvel és a dátummal. Csak a fotós értékeléseket mutatja. |
| Photo Strip | Fotó | A vevői fotók csúszkasávja, mindegyik fényképes nagyításban nyílik. A teljes lista fölé való. |
| Carousel | Körhinta | Egyszerre két értékelés, a kártyákon nyilakkal, alattuk pontokkal. |
| Testimonials | Körhinta | Minden értékelés idézetként, alatta a vevő arcával, nevével és csillagaival. Egyszerre három, magától váltakozva. |

Az elrendezés kiindulópont, nem zár. Az alkalmazása az elrendezés választásait az elem saját beállításaira írja, és attól kezdve az elem csak ezeket a beállításokat jegyzi, az elrendezés nevét nem. Ha ezután bármit módosítasz, a módosítás érvényesül. Az Elementor választója **Custom layout** állapotot mutat a rács fölött, ha a jelenlegi beállítások egyik tizenegy elrendezéssel sem egyeznek; ezt magad nem választhatod, kilépni belőle egy kártya kiválasztásával lehet.

A saját finomhangolásod átvészel egy váltást: az oszlopok, az oldalankénti értékelések száma, a lapozás, az alapértelmezett rendezés és a csúszka beállításai átkerülnek a következő elrendezésre, ha magad állítottad őket.

A **Classic** ingyenes. A másik tíz elrendezés a FluentCart Pro aktiválásáig szürke, és **Pro** jelzést visel (Divi alatt letiltott kártya **Pro** jelvénnyel). Prót nélkül az elem azt rajzolja, amit az alábbi beállítások mondanak.

### Tartalombeállítások

Az elrendezés alatt a **Content** fül szakaszokra oszlik. A felirat-elnevezések az építők szerint kissé eltérnek; az alábbi leírás az Elementor neveit használja, zárójelben a Bricks és a Divi eltérő elnevezéseivel.

- **Rating Summary:** az összesítőkártya megjelenítése vagy elrejtése (**Show** és **Hide**; Bricksben **Show Rating Summary**, Divi alatt **Show Rating Summary**). Bekapcsolva a **Placement** (Bricks: **Summary Position**, Divi: **Summary Position**) az összesítőt az értékelések **Beside** (mellé), **Across the top** (**Above the reviews**, a lista fölé) helyezi, vagy csak az **Értékelés írása** gombot mutatja (**Only the Write a Review button**; Bricksben **Button only**; Divi alatt **Beside the write-a-review button**). A Bricks és a Divi **Show Rating Breakdown** kapcsolója a csillagonkénti sávokat mutatja vagy rejti el, így csak az átlag, a csillagsor és a darabszám marad.
- **Write a Review Button:** az **Open In** a **Drawer** (oldalról becsúszó panel) vagy a **Modal** (középre kerülő ablak) közül választ. A **Field Layout** az **Inline** (minden mező egyszerre) vagy a **Steps** (egyesével) közül. A **Button Text** alatt átírhatod a három feliratot: **New Review** (Bricksben és Diviben alapérték „Write a Review”), **Edit Review** (alapérték „Edit your review”) és **Logged Out** (alapérték „Log in to Review”); az üresen hagyott mező az alapértelmezést tartja meg.
- **Review List:**
  - **Minimum rating:** a kisebb értékelésű vélemények teljes elrejtése, az **All ratings** értéktől a **5 stars only** értékig.
  - **Reviews with attachments only:** csak a fotós értékeléseket listázza (Bricksben **Only Reviews With Photos**).
  - **Words shown:** a hosszabb értékelések rövidítve látszanak **Read more** hivatkozással; a 0 a teljes szöveget mutatja (Bricksben **Review Text Word Limit**).
  - **View Mode:** **List**, **Grid** (Pro), **Masonry** (Pro) és **Slider** (Pro).
  - **Columns:** hány értékelés áll egymás mellett a rács-, a masonry- és a csúszkanézetben: 2-től 6-ig (Bricksben 2-től 4-ig; Divi alatt a neve **Reviews Per Row**, a csúszkánál **Reviews Per Slide**). Bricksben a **Columns On This Breakpoint** a szerkesztett töréspont oszlopszámát rögzíti; üresen hagyva az oszlopok kisebb képernyőn maguktól csökkennek.
  - **Reviews Per Page:** az oldalhossz; a 0 az áruház egészére érvényes beállítást követi.
  - **Pagination Type:** **Numbers**, **Fraction**, **Bullets** vagy **None** (a csúszkanézetnél nem látszik).
  - **Default Sort:** az alapsorrend: **Newest**, **Oldest**, **Highest Rating** vagy **Lowest Rating**.
- **Review Card:** minden értékelésrész külön kapcsolható: Reviewer Name, Review Date, Verified Purchase Badge, Store Reply, Avatar, Review Title, Review Text, Attachments, Variation, Footer (válaszok és szavazatok) és Meta Line. A Bricksben és a Diviben a **Helpful Votes** is kapcsolható (Pro, és csak akkor látszik, ha a hasznossági szavazatok be vannak kapcsolva az értékelések beállításaiban). Három további kapcsoló átrendezi a kártyát: **Attachments Above The Text** (Bricksben **Photos Before Text**, Diviben **Photos Above The Text**), **Stars Above The Name** (Bricksben **Rating Above Reviewer**) és **Verified Badge After The Variation** (Bricksben **Verified Badge After Date**, Diviben **Badge After The Name**).
- **Attachments:** az **Attachments Shown** a megjelenített fotók számát adja (Bricksben **Photos Shown Before "+ More"**, a 0 mindet mutatja), a többi a **+** mögött van, amely a nagyításban nyitja meg őket. A **+ Counter** a **+** jelet az utolsó melléklet fölé (**On the last attachment**), mellé (**Beside the attachments**) teszi, vagy elrejti (**Hidden**). Az **Attachment Height (px)** mindig érvényes; az **Attachment Width (px)** akkor, ha a teljes szélesség ki van kapcsolva. A **Full Width Attachments** minden fotót külön sorba tesz, és bekapcsolt állapotában a Pro **Attachment As Card Background** és **Flush To Card Edges** beállítások a fotót kártyává teszik. A **Flush To Card Edges** rejtett, amíg az **Attachment As Card Background** be van kapcsolva; Pro nélkül mindkettő **(Pro)** jelzéssel zárolva látszik.
- **Slider:** csak akkor jelenik meg, ha a **View Mode** **Slider**. A **Show arrows** (Bricksben **Show Arrows**) az előző és a következő nyilat adja, az **Arrow Size** értéke **Small**, **Medium** vagy **Large**, az **Arrow Placement** **On the reviews**, **Beside the reviews** vagy **Below the reviews** (Bricksben a stílusfülön **Arrow Position**: Over, Outside vagy Below the slides). A **Show Pagination** (Bricksben **Show Indicator**) jelzőket ad **Dots** (Bricksben **Bullets**), **Fraction**, **Progress Bar** vagy **Segmented** típusban. Az **Autoplay** értéke **Disabled**, **Always** vagy **On Hover** (Bricksben **Off**, **On**, **On, paused on hover**), bekapcsolva **Autoplay Delay (ms)** adja a késleltetést, az **Infinite loop** (Bricksben **Loop**) pedig körbefordulóvá teszi a csúszkát. A Divi alatt ez a szakasz **Behavior** nevű.
- **Header:** a **Review Count**, a csillagszűrő gombok (**Star Filter Chips**; Bricksben **Filter Chips**) és a rendezés vezérlője (**Sort Control**; Bricksben **Sort Dropdown**; Diviben **Show Sorting**) megjelenítése vagy elrejtése.
- **Pagination:** a List, Grid és Masonry nézeteknél jelenik meg: **Pagination Type** (**Numbers**, **Fraction** vagy **Bullets**) és **Reviews Per Page**; a 0 az áruház egészére érvényes **Reviews Per Page** beállítást követi.
- **Button Settings** és **Button Text** (Divi): az **Open In** és a **Field Layout**, valamint a három gombfelirat átírása.

Grid, Masonry és Slider a FluentCart Pro nélkül nem érhető el: Pro nélkül az értékelések egyetlen oszlopban, listában látszanak, bármelyik nézetet választod.

### Stílusbeállítások

A stílusfül (Elementorban és Bricksben **Style**, Diviben **Design**) minden részt külön csoportban formáz: az összesítőkártyát (**Rating Summary**), az **Értékelés írása** gombot, az értékelések listájának térközeit, a fejlécet, a kártyát, az értékelőt, a csillagokat, az értékelés szövegét, a fotókat és műveleteket, valamint a lapozót. A **Stars** csoportban a **Filled Star Color** és az **Empty Star Color** a csillagokat a márkádhoz igazítja. A Bricksben a fotók (**Photos**) csoportja a **Photo Width (px)** és a **Photo Height (px)** értékét adja, a **Store Reply Button**, a **Count, Chips & Sort**, a **Pagination** és a **Slider Arrows** külön csoport. A Divi **Design** füle ugyanezeket csoportonként adja, például **Grid / Slider Spacing**, **Stars**, **Empty Review Stars**, **Review Card**, **Write a Review Button**, **Avatar**, **Reviewer Name**, **Verified Badge**, **Review Title**, **Review Text**, **Review Date**, **Review Photo**, **Reply Button**, **Filter Chips**, **Sort Dropdown** és **Pagination**, plusz az összesítő csoportjai (**Average**, **Out of Five**, **Review Count** és a bontássávok).

## 2. Product Review List (Bricksben Review List, Diviben FluentCart Review List)

Csak az értékelések listája, összesítő és gomb nélkül. A **Review Summary** és a **Write a Review Button** elemmel együtt egyéni elrendezést építhetsz belőle. Nincs elrendezésválasztója, de a **Product Reviews** elem nézet-, oszlop-, csúszka-, fejléc-, melléklet- és lapozásbeállításait osztja. Elementorban a fejlécbeállítás **Review Count** csak akkor jelenik meg, ha a **Review Layout** értéke **Choose fields**. A Divi **FluentCart Review List** moduljának a fejléce, a lista és a lapozó van meg, az összesítő és a gomb nélkül; a **List Header** szakasza a **Show Review Count**, **Show Filter Chips** és **Show Sorting** kapcsolót tartalmazza, a **Design** fülön pedig a lista-, kártya- és lapozócsoportok vannak, az összesítő- és gombcsoportok nélkül.

Az extra erőssége a **Review Row** szakasz, amely az értékelés mezőit egyenként szabályozza:

- **Review Layout** (Bricksben **Review Row**): a **Standard** úgy rajzolja a sort, ahogy a FluentCart máshol is: az avatar, a név, a csillagok és a jelvény egy sorban (Bricksben a **Review Card** kapcsolói alakítják). A **Choose fields** (Bricksben **Custom (pick and order the fields)**) a részeket te választod és rendezed, és mindegyiket külön sorba rakja.
- **Fields:** akkor jelenik meg, ha a sor **Choose fields** értékű. A lista minden eleme a sor egy része, az általad megadott sorrendben, és rövid nevekkel címkézve, például `avatar` és `author_name`. Egy elem húzással átrendezhető, törléssel a hozzá tartozó rész elrejthető, új elem hozzáadásával visszahozhatod. A részek: Avatar, Reviewer Name, Verified Purchase Badge, Variation Reviewed, Star Rating, Date, Review Title, Review Text, Photos, Helpful Votes és Store Reply.
- **Show in each review:** a **Standard** elrendezésnél a Reviewer Name, a Date, a Verified Purchase Badge és a Store Reply ki- és bekapcsolása.

A **Choose fields** értéknél a **Pagination** szakasz a **Show Pagination** kapcsolót is megkapja, és bekapcsolt állapotában a lapozó **Alignment** beállítását. A **Standard** elrendezés mindig lapoz, ha van második oldal.

A **Style** fülön a **Star Color** minden csillagot színez a listában, a megtöltöttet és az üreset is, a **Filled Star Color** és az **Empty Star Color** pedig csak az egyiket írja felül.

Ha a terméknek még nincs jóváhagyott értékelése, a Bricks szerkesztő a lista helyett jelzést mutat.

## 3. Review Summary (Bricksben Rating Summary, Diviben FluentCart Rating Summary with Review)

Az átlagos értékelés, az összes értékelés száma és az 5 csillagtól 1 csillagig bontó sávok. Oda tedd, ahová az értékelési áttekintés tartozik.

- **Content:** az Elementorban csak a **Source** beállítások. A Bricksben a **Product** csoport, valamint egy **Summary** csoport a **Show Rating Breakdown** és a **Show Write a Review Button** kapcsolóval; a gomb bekapcsolása az összesítő alá teszi ugyanabba a kártyába, és előhozza az **Write a Review Button** csoportot ugyanazokkal az **Open In**, **Field Layout** és **Button Text** beállításokkal. A Diviben a **Product** szakasz után a **Rating Summary** a **Show Rating Breakdown** kapcsolóval; a **Button Settings** alatt a **Show Write a Review Button** alapból be van kapcsolva, kikapcsolva az összesítő kártya egyedül marad.
- **Style (Design):** Elementorban a **Star Color**, az átlag és az összes betűtípusa és színe, valamint az „out of five” szöveg színe; a **Breakdown Bars** alatt a **Bar Color**, a **Bar Track Color**, a **Bar Height**, a **Row Spacing** és a feliratok betűtípusa és színe. Bricksben a **Card** (háttér, keret, kitöltés, elválasztó színe), az **Average & Total** (betűtípus és **Star Size**), a **Breakdown Bars** (**Bar Color**, **Track Color**, **Bar Height**, **Space Between Rows** és a feliratok) és az **Write a Review Button** csoport, ha a gomb be van kapcsolva. Diviben a **Stars**, az **Average**, az **Out of Five**, a **Review Count**, a **Bar Fill**, a **Bar Track** (a sáv magasságával), a **Bar Rows**, a **Bar Labels** és a **Write a Review Button**.

Ha a terméknek még nincs jóváhagyott értékelése, az összesítő üres.

## 4. Review Form

Az értékelő űrlap közvetlenül az oldalra nyomtatva, gomb és kihúzható panel nélkül. Önálló visszajelzési oldalra vagy a termékleírás alá használd.

- **Content:** a termékválasztás és a **Field Layout**: **Inline** (minden mező egyszerre) vagy **Steps** (egyesével). A **Steps** végigvezeti az értékelőt az értékelésen, a részleteken és a fotókon.
- **Style (Design):** Elementorban a **Star Color**, a kérdés betűtípusa és színe, valamint a mezők közti térköz; az **Inputs** alatt a betűtípus, a szövegszín, a háttér, a keret, a lekerekítés és a kitöltés; a **Star Picker** alatt a **Star Size**; a **Submit Button** alatt a betűtípus, a normál és a rámutatási szín, a lekerekítés és a kitöltés. Bricksben a **Labels & Spacing** (felirat és lépéskérdés betűtípusa, **Space Between Fields**), az **Inputs**, a **Star Picker** (**Star Size** és **Star Color**) és a **Submit Button**. Diviben a **Stars**, a **Labels**, a **Question**, a **Fields**, a csillagválasztó mérete és távolsága, a **Submit Button**, a **Step Buttons** és a **Field Wrapper Spacing**.

Hogy a vevők mely mezőket látják (például a vendég adatait vagy a fotófeltöltést), az értékelések beállításai döntik el ([Termékértékelések beállításai](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/rendelesek-ertekelesek-beallitasok/)). Bricksben, ha a jelenlegi látogató nem értékelheti a terméket, az űrlap nem látszik, és a szerkesztő az értékelési jogosultság beállítására utal.

## 5. Write a Review Button

Gomb, amely az értékelő űrlapot kihúzható panelben vagy modális ablakban nyitja meg. A felirata más az új értékelőnek, a visszatérő értékelőnek és annak a látogatónak, akinek előbb be kell jelentkeznie.

- **Content:** a termékválasztás, az **Open In** (**Drawer** vagy **Modal**), a **Field Layout** (**Inline** vagy **Steps**) és a három **Button Text** felirat: **New Review**, **Edit Review** és **Logged Out**. Bricksben és Diviben az alapértékek „Write a Review”, „Edit your review” és „Log in to Review”.
- **Style (Design):** Elementorban a betűtípus, a **Normal** és a **Hover** szín, a keret, a lekerekítés, a kitöltés és az **Alignment** (balról a **Full Width** értékig). Bricksben a **Button** csoport: betűtípus, háttér, keret, kitöltés, a rámutatási szöveg-, háttér- és keretszín, és az igazítás. Diviben egyetlen **Button** csoport a háttérhez, kerethez, szöveghez és térközhöz.

## 6. Product Rating

Kompakt csillagsor a zárójelben álló értékelésszámmal, ugyanaz az elem, amelyet a termékkártyákon is látsz. Terméknév mellé vagy kártyasablonba való.

- **Content:** a termékválasztás, és két láthatósági beállítás. A **Minimum Reviews** elrejti az értékelést, amíg a terméknek nincs legalább ennyi értékelése; a 0 mindig mutatja (Bricksben a 0 az üres öt csillagot is mutatja olyan terméken, amelynek nincs értékelése). A **Minimum Average Rating** elrejti az értékelést, ha a termék átlaga nem éri el ezt a csillagszámot, fél csillagos lépésekben.
- **Style (Design):** Elementorban a **Star Color**, az **Empty Star Color**, a **Star Size**, a **Star Spacing**, az értékelésszám betűtípusa és színe, valamint az **Alignment**. Bricksben a **Rating Row** (betűtípus, igazítás, a csillagok és a szám közti távolság, kitöltés), a **Stars** (**Star Size**, **Gap Between Stars**, **Filled Star Color**, **Empty Star Color**) és a **Review Count** (betűtípus és margó). Diviben a **Rating Row**, a **Stars** (méret és távolság), a **Filled Stars**, az **Empty Stars** és a **Review Count**.

A küszöb alatti termék semmit nem jelenít meg (Divi alatt a vászon jelzi, hogy rejtett). Az értékelés az **Termékoldal beállításai** között megadott áruházszintű Product Rating sort is követi: ha ott ki van kapcsolva a csillagos értékelés, a Bricks és a Divi szerkesztő jelzi, hol kapcsolhatod vissza ([Termékoldal beállításai](https://hub.hellowp.io/hu/plugins/fluent-cart-pro/beallitasok-termekoldal/)).

## Értékelés a bolt kártyáin

A boltoldali termékkártyákon is megjelenhet a csillagos értékelés. Az értékelés csak azoknál a termékeknél látszik, amelyeknek van értékelésük, és csak akkor, ha a termékoldal beállításaiban a **Show Rating in Shop** be van kapcsolva.

- **Elementor:** a **Products** elem **Product Card Layout** részén adj hozzá egy elemet a **Card Elements** listához, és állítsd az **Element** értékét **Rating**-re. Az alapértelmezett kártyák nem tartalmazzák.
- **Divi:** a **FluentCart Products** modul **Content** fülén a **Product Rating** szakasz akkor jelenik meg, ha a termékértékelések be vannak kapcsolva: a **Show Rating** alapból be van kapcsolva (kikapcsolva elrejti a kártyaértékeléseket ebben a rácsban), a **Minimum Reviews** addig elrejti egy kártya értékelését, amíg a terméknek nincs legalább ennyi értékelése, a **Minimum Average Rating** pedig elrejti, ha az átlag nem éri el ezt a csillagszámot, fél csillagos lépésekben. Ha a **Show Rating in Shop** ki van kapcsolva, a szakasz jelzi, hogy a beállításnak még nincs hatása.

## Kész sablonok

A mellékelt sablonok már használják ezeket az elemeket. Az Elementor egytermékes sablonja a termékrészletek után tartalmaz egy **Product Reviews** elemet, a bolt sablonja pedig **Rating** elemet tesz minden terméknév alá. A Divi Single Product elrendezése ugyancsak tartalmaz egy **FluentCart Product Reviews** modult a termékrészletek után.

A Divi könyvtárában már meglévő elrendezéseket a rendszer önmagától soha nem írja felül. Ha egy mellékelt elrendezésnek újabb verziója van, a Divi **Library** képernyő a sor mellett **Update to** műveletet kínál. A frissítés a te példányodat cseréli, ezért a rajta végzett módosításaid elvesznek, az abból az elrendezésből épített oldalaidat viszont nem érinti. Ha egy mellékelt elrendezés hiányzik a könyvtárból, ugyanez a képernyő **Add missing layouts** gombot kínál.