# Termékoldal elemei: galéria, ár, értékelés, készlet és leírások

> A WooCommerce termékoldal-sablonba tehető elemek: Termékgaléria, Termék ára, Termék értékelése, Készlet, Termék tartalma, Termék rövid leírása és Termék további információi.

A WooCommerce-hez tartozó termékelemek az egy termékhez tartozó adatokat jelenítik meg. **Termék** típusú sablonban (vagy a sablon termék-előnézetében) használd őket, mert csak ott van érvényes termék, amire hivatkozhatnak. Ha olyan oldalra teszed őket, ahol nincs kiválasztott termék, a vászon a „Nincs kiválasztott termék” üzenetet mutatja.

Egy teljes termékoldalhoz általában együtt használod a termék címét, árát, galériáját és a többi itt leírt elemet.

![A termékelemek a szerkesztőben](./kepek/elemek-8-product-gallery.webp)

*A termékelemek a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A szerkesztő bal oldali listájában a termékelemek magyar nevei: **Kosárba teszem**, **Termék további információi**, **Termék tartalma**, **Termékgaléria**, **Termék metaadatai**, **Termék ára**, **Termék értékelése**, **Kapcsolódó termékek**, **Termékértékelések**, **Termék rövid leírása** és **Készlet**.

## Termékgaléria

A **Termékgaléria** a WooCommerce termékgalériáját mutatja: a fő termékképet és a bélyegképes navigációt.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Termék: Képméret | A fő termékkép mérete. | Woocommerce Single |
| Bélyegkép: Képméret | A bélyegképek mérete. | Woocommerce Gallery Thumbnail |
| Lightbox: Képméret | A nagyított (lightbox) nézet képmérete. | Full |

A **Bélyegkép-navigáció** csoport beállításai:

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Pozíció | A bélyegképek helye a fő képhez képest: alul, felül, balra vagy jobbra. | Alul |
| Oszlopok | Hány bélyegkép látszik egyszerre a vízszintes sávban. | 4 |
| Térköz | A bélyegképek közti távolság. | 20px |
| Átlátszatlanság | A bélyegképek átlátszatlansága. | 0.3 |
| Átlátszatlanság (Aktív) | A kiválasztott bélyegkép átlátszatlansága. | |
| Szegély | A bélyegképek szegélye. | |
| Szegély (Aktív) | A kiválasztott bélyegkép szegélye. | |
| Diavetítés | Bekapcsolja a bélyegképek diavetítéses (csúszkás) megjelenítését. | ki |

A diavetítés bekapcsolása után további beállítások jelennek meg: a csúszka magassága (balra vagy jobbra álló bélyegképeknél), a bélyegképek közti térköz és a vízszintes sávban látható képek legnagyobb száma, valamint az előző és a következő nyíl ikonja, háttere, szegélye, színe, mérete, magassága és szélessége.

## Termék ára

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

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

A **Termék ára** a termék árát mutatja: a normál árat, az akciós árat, változó terméknél pedig az ársávot.

| Beállítás | Mit csinál |
| --- | --- |
| Normál ár elrejtése | Akciós ár esetén elrejti az áthúzott normál árat. |
| 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. |

## Termék értékelése

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

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

A **Termék értékelése** a termék csillagos értékelését és az értékelések számát mutatja.

| Beállítás | Mit csinál |
| --- | --- |
| Csillag színe | A kitöltött csillagok színe. |
| Üres csillag színe | Az üres csillagok színe. |
| Vélemények hivatkozásának elrejtése | Elrejti az értékelések számát mutató hivatkozást. |

Az **Értékelések linkje** csoportban a hivatkozás szövegét adod meg, külön egyes és többes számra (**Szöveg: Egyedi**, **Szöveg: Többes szám**). Az értékelések darabszámához használd a `%s` helyőrzőt. Ha üresen hagyod, az alapértelmezett szöveg jelenik meg.

A **Nincsenek értékelések** csoportban a **Szöveg** mezővel adhatod meg, mit írjon ki az elem, ha a terméknek még nincs értékelése. Az **Üres csillagok megjelenítése** kapcsolóval ilyenkor üres csillagokat is mutathat.

## Készlet

![A Készlet elem beállításai](./kepek/elemek-8-product-stock.webp)

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

A **Készlet** elem a termék készletállapotát és mennyiségét mutatja.

| Beállítás | Mit csinál |
| --- | --- |
| Készletállapot folyamatos mutatása | Akkor is mutatja a készletállapotot, ha a termék készletmennyiség-kezelése ki van kapcsolva. |

Három csoportban állíthatod be az egyes állapotok megjelenését: **Raktáron**, **Alacsony készlet/utánrendelhető** és **Nincs raktáron**. Mindegyikben megadhatsz egyedi szöveget, a szöveg tipográfiáját és háttérszínt.

## Termék tartalma

![A Termék tartalma elem panelje](./kepek/elemek-8-product-content.webp)

*A Termék tartalma elem panelje* (https://minta-bolt.hu/elemek/?bricks=run)

A **Termék tartalma** a termék teljes leírását jeleníti meg, azt, amit a termékszerkesztő főszövegmezőjébe írtál. Külön beállítása nincs: a WooCommerce kimenetét és az örökölt stílusokat használja. A panel ezt jelzi: „Szerkeszd a termék tartalmát a WordPressben.”

## Termék rövid leírása

![A Termék rövid leírása elem panelje](./kepek/elemek-8-product-short-description.webp)

*A Termék rövid leírása elem panelje* (https://minta-bolt.hu/elemek/?bricks=run)

A **Termék rövid leírása** a termék rövid leírását (kivonatát) mutatja a termékoldalon. Külön beállítása nincs, a szöveget a WordPressben szerkeszted.

## Termék további információi

![A Termék további információi elem beállításai](./kepek/elemek-8-product-additional-information.webp)

*A Termék további információi elem beállításai* (https://minta-bolt.hu/elemek/?bricks=run)

A **Termék további információi** a WooCommerce „További információk” táblázatát mutatja, vagyis a termék tulajdonságait (például a színt vagy a méretet).

| Beállítás | Mit csinál |
| --- | --- |
| Címsor | A táblázat feletti cím szövege. |
| Tipográfia | A szöveg betűbeállításai. |
| Szélesség | A táblázat szélessége. |

A panelen a **Címsor**, **Címke** és **Részletek** csoport áll.