# Termékoldal elemei: kosárba tétel, metaadatok, kapcsolódó termékek és vélemények

> A Kosárba teszem, Termék metaadatai, Kapcsolódó termékek és Termékértékelések elem beállításai a WooCommerce termékoldal-sablonban.

Ezek az elemek is **Termék** típusú sablonban működnek (vagy a termék-előnézetben), mert érvényes termékre van szükségük. Együtt használhatod őket a [termékoldal többi elemével](https://hub.hellowp.io/hu/plugins/bricks-child/elemek-termek-megjelenites/).

## Kosárba teszem

A **Kosárba teszem** elem a termék kosárba helyező űrlapját jeleníti meg. Változó terméknél a változatok választóját és a mennyiséget is kezeli.

![A Kosárba teszem elem beállításai](./kepek/elemek-8-product-add-to-cart.webp)

*A Kosárba teszem elem beállításai* (https://minta-bolt.hu/elemek/?bricks=run)

A panel csoportjai: **Variációk**, **Készlet**, **Űrlap**, **Mennyiség**, **Gomb** és **Csoportosított termék**. A stílusbeállításai:

| Beállítás | Mit csinál |
| --- | --- |
| Tipográfia | Az űrlap szövegének betűbeállításai. |
| Háttérszín | Az űrlap háttere. |
| Szegély | Az űrlap szegélye. |
| Margó, Padding | Külső és belső távolság. |
| Leírás tipográfiája | A változat leírásának betűbeállításai. |
| Ár tipográfiája | A változat árának betűbeállításai. |
| Normál ár tipográfiája | A normál ár betűbeállításai. |
| Akciós ár tipográfiája | Az akciós ár betűbeállításai. |
| Tördelés | A kosárba tételi sor tördelése. |

## Termék metaadatai

A **Termék metaadatai** a termék kiegészítő adatait mutatja, például a cikkszámot, a kategóriákat és a címkéket.

![A Termék metaadatai elem beállításai](./kepek/elemek-8-product-meta.webp)

*A Termék metaadatai elem beállításai* (https://minta-bolt.hu/elemek/?bricks=run)

| Beállítás | Mit csinál |
| --- | --- |
| Irány | A mezők elrendezése vízszintesen vagy függőlegesen. |
| Térközök | A mezők közti távolság. |
| Elválasztó | A mezők közé kerülő elválasztó szöveg. |
| Tipográfia: Előtag | A mezők előtagjának betűbeállításai. |
| Tipográfia: Utótag | A mezők utótagjának betűbeállításai. |
| Tipográfia: Link | A hivatkozások betűbeállításai. |
| Mezők | A megjelenő mezők listája. Az **Elem hozzáadása** gombbal vehetsz fel újat. |

A vászonon, ha még nincs mező felvéve, a „Nincs metaadat kiválasztva.” üzenet áll.

## Kapcsolódó termékek

A **Kapcsolódó termékek** az aktuális termékhez kapcsolódó termékeket listázza.

![A Kapcsolódó termékek elem beállításai](./kepek/elemek-8-product-related.webp)

*A Kapcsolódó termékek elem beállításai* (https://minta-bolt.hu/elemek/?bricks=run)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Címsor | A lista feletti cím szövege. | |
| Címsor tipográfiája | A cím betűbeállításai. | |
| Max. termékek száma | Legfeljebb ennyi termék jelenik meg. | |
| Oszlopok | Az oszlopok száma. | |
| Rendezés alapja | Mi szerint rendezi a termékeket (például véletlen). | Véletlen |
| Sorrend | Növekvő vagy csökkenő sorrend. | Csökkenő |
| Térköz | A termékek közti távolság. | |
| Igazítás | A tartalom szövegigazítása. | |
| Kép magassága | A termékképek magassága. | |
| Padding | Belső távolság. | |

A panelen külön **Gomb** csoport is van a termékek gombjához.

## Termékértékelések

A **Termékértékelések** a WooCommerce értékelések szekcióját jeleníti meg: a meglévő véleményeket és a vélemény beküldő űrlapját.

![A Termékértékelések elem beállításai](./kepek/elemek-8-product-reviews.webp)

*A Termékértékelések elem beállításai* (https://minta-bolt.hu/elemek/?bricks=run)

Fontos: ne használd ugyanazon az oldalon a „termékfülek” elemmel, mert a két elem ütközik. A panel is figyelmeztet erre.

| Beállítás | Mit csinál |
| --- | --- |
| Cím | Az értékelések címének tipográfiája. |
| Címke | Az űrlapmezők címkéinek tipográfiája. |
| Szövegmező | A szövegmező megjelenése. |
| Szerző | A szerző nevének tipográfiája. |
| Dátum | A dátum tipográfiája. |
| Leírás | A vélemény szövegének tipográfiája. |
| Méret | A csillagok mérete. |
| Háttérszín | Az üres csillagok színe. |
| Kitöltőszín | A kitöltött csillagok színe. |

A panel csoportjai: **Űrlap**, **Elbírálás** és **Csillagok**.