# Termékoldal elemei: Termékfülek, Termék címe és Felülértékesítések

> A Termékfülek, a Termék címe és a Termékek felülértékesítései 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). Érvényes termékre van szükségük, ezért termékoldal-sablonba tedd őket. Együtt használhatod őket a [termékoldal többi elemével](https://hub.hellowp.io/hu/plugins/bricks-child/elemek-termek-megjelenites/) és a [kosárba tételi elemekkel](https://hub.hellowp.io/hu/plugins/bricks-child/elemek-termek-vasarlas/): a teljes termékoldalhoz a cím, az ár, a galéria és a fülek együtt adnak kész elrendezést.

Ha a szerkesztőben a „Nincs kiválasztott termék” üzenetet látod, válassz előnézeti terméket a sablonbeállításokban.

## Termékfülek

A **Termékfülek** elem a WooCommerce termékfüleit jeleníti meg: a leírást, a további információkat és az értékeléseket.

![A Termékfülek elem beállításai](./kepek/elemek-9-product-tabs.webp)

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

A panel **Tartalom** fülén csak az **Irány** áll, a többi beállítás a **Stílus** fülön van.

| Beállítás | Mit csinál |
| --- | --- |
| Irány | A fülek elrendezése: egymás mellett vagy egymás alatt. |
| Fülek | A fülek (a fejléc gombjai) stílusa. |
| Aktív fül | A kiválasztott fül stílusa. |
| Panel | A fül tartalmát tartalmazó panel stílusa. |

A stíluscsoportokban tipográfiát, háttérszínt, szegélyt, igazítást és belső távolságot állíthatsz.

## Termék címe

A **Termék címe** a termék nevét írja ki, a termékoldalon általában ez a fő címsor.

![A Termék címe elem beállításai](./kepek/elemek-9-product-title.webp)

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

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| HTML-címke | Melyik címsorcímkével jelenjen meg a cím (például h1, h2). | h1 |
| Előtag | A cím elé írt szöveg. | |
| Utótag | A cím után írt szöveg. | |
| Termékre mutató link | Ha be van kapcsolva, a cím a termék oldalára mutató hivatkozás lesz. | |

A **Stílus** fülön a cím betűbeállításait adhatod meg.

## Termékek felülértékesítései

Ez az elem a termékhez beállított felülértékesítési (upsell) termékeket listázza a termékoldalon.

![A Termékek felülértékesítései elem beállításai](./kepek/elemek-9-product-upsells.webp)

*A Termékek felülértékesítései elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Típus | Melyik terméklistát jelenítse meg az elem. | Upsell |
| Címsor | A lista feletti cím szövege. | |
| Max. termékek száma | Legfeljebb ennyi termék jelenik meg. | |
| Oszlopok | Az oszlopok száma. | |
| Térköz | A termékkártyák közti távolság. | |
| Rendezés alapja | Mi szerint rendezze a termékeket (például véletlenszerűen). | Véletlen |
| Sorrend | Növekvő vagy csökkenő sorrend. | Csökkenő |

A **Stílus** fülön a címsor tipográfiáját, a háttérszínt és a belső távolságot állíthatod, a **Gomb** csoportban pedig a termékek gombjának megjelenését.