# Termék blokk

> Egy kiválasztott termék megjelenítése oldalon vagy sablonban, belső blokkokkal külön testreszabva.

A **Termék** blokkal egy kiválasztott terméket jeleníthetsz meg oldalon, bejegyzésben vagy a kezdőoldalon. A blokk a termék képét, nevét, árát, rövid leírását, értékelését és a kosárba tevő vezérlőket mutatja, és a belső blokkjaival mindegyik rész külön testreszabható.

Előfeltétel: legyen kész a megjelenítendő termék, és szerkeszthesd a céloldalt vagy sablont. Sablont csak blokkos témával és a webhelyszerkesztő használatára jogosult fiókkal tudsz szerkeszteni.

## Használat

1. Nyisd meg az oldalt vagy a sablont a szerkesztőben, és szúrj be egy **Termék** blokkot.
2. Válaszd ki a megjelenítendő terméket, majd kattints a kész gombra.
3. Egy belső blokk kijelölésével testre szabhatod a beállításait. A beágyazott blokkok kijelöléséhez használhatod a lista nézetet.
4. Mentsd az oldalt vagy a sablont, és nézd meg a boltban, hogy a termékadatok és a vezérlők jól jelennek-e meg.

Ha a szerkesztő azt jelzi, hogy a kiválasztott termék már nem elérhető, válassz másikat. Más betöltési hibánál használd az újrapróbálás gombot, és ellenőrizd, hogy a termék még elérhető-e.

## A belső blokkok

| Belső blokk | Mit jelenít meg | Részletek |
|---|---|---|
| **Termékkép** | A termék főképét. | Hivatkozhat a termékoldalra, a méret és a szegély állítható. |
| **Termék neve** | A termék nevét. | A termékoldalra hivatkozik. |
| **Termék értékelés** | Az átlagos vásárlói értékelést. | Csillagokkal, a termék értékelései alapján. |
| **Termék Ár** | A jelenlegi árat. | Az akciós és a normál árat is kezeli, változó terméknél magától igazodik. |
| **Termék összefoglaló** | A rövid leírást. | A termék rövid leírás mezőjéből jön. |
| **Kosárba + beállítások** | A kosárba tevő gombot. | Kiválasztható, hogy a mennyiség beírható mezőként vagy léptetőként jelenik meg. |
| **Termék metaadat** | További adatokat. | Belső blokkjai: a cikkszám, a kategóriák és a címkék. |
| **Termék cikkszáma** | A termék cikkszámát (SKU). | A termék azonosítására szolgál. |
| **Termékkategóriák listája** | A kategóriákat, amelyekbe a termék tartozik. | Segíti a navigációt és a hasonló termékek csoportosítását. |
| **Termékek címkék szerint** | A termék címkéit. | Szűrésre, keresésre és kapcsolódó termékek csoportosítására jó. |

Jelölj ki egy belső blokkot a szerkesztővászonban vagy a lista nézetben, és nyisd meg az oldalsávon a beállításait. Hogy milyen vezérlők állnak rendelkezésre, az a blokktól, a témától, a WordPress verziójától és az elrendezéstől függ.

## Termékkép

A főkép a blokk legfontosabb vizuális eleme: a vásárló gyorsan átlátja, milyen a termék, és igény szerint a teljes termékoldalra vezet.

Mielőtt hozzáfogsz, nyiss meg egy olyan oldalt vagy sablont, amelyben van **Termék** blokk, és jelöld ki a **Termékkép** belső blokkját.

- **Képméret**: a kép magassága és szélessége. A mértékegység px, em, rem, %, vw vagy vh lehet. Ha magasságot adsz meg, válassz kitöltési módot: Cover (kitöltés vágással), Contain (befér) vagy Fill (nyújtás).
- **Hivatkozás a termékoldalra**: a kép a termékoldalra mutat.
- **Szegély**: szín, vastagság, stílus (folytonos, szaggatott, pontozott) és lekerekítés. Ha a szegély vezérlői rejtve vannak, nyisd meg a **Szegély** panel beállításmenüjét. Állíts be vastagságot, színt és stílust, majd lekerekítést, mentsd, és nézd meg a boltban. Ha a szegély nem látszik, ellenőrizd, hogy a **Termékkép** blokk van kijelölve, a vastagság nagyobb nullánál, és a téma támogatja a választott beállítást.

## Termék neve

A termék nevét mutatja, és fontos szerepe van az azonosításban, a hozzáférhetőségben és a keresőoptimalizálásban.

- **A cím legyen hivatkozás**: bekapcsolva a név a termékoldalra mutat.
- **Megnyitás új lapon**: az új böngészőlapon nyíló hivatkozás megtartja a vásárlót a jelenlegi oldalon.
- **Link rel**: a hivatkozás rel attribútuma (például nofollow, noopener, sponsored).

## Termék értékelés

Az átlagos értékelést csillagokkal mutatja, ami gyorsan bizalmat épít.

- **Szövegszín**: a csillagok és a mellettük álló szöveg (például az értékelések száma) színe.
- **Tipográfia és méretek**: a rendelkezésre álló betű- és térközbeállítások.

## Termék Ár

A jelenlegi árat mutatja, akciós ár esetén azt is.

- **Szövegszín**: az ár színe.
- **Háttérszín**: az ár mögötti háttér színe, a kiemeléshez.
- **Tipográfia és méretek**: a rendelkezésre álló betű- és térközbeállítások.

## Termék összefoglaló

A termék rövid leírását mutatja.

- **Max. szószám**: a megjelenített szavak száma. Megadott érték esetén csak az első bekezdés jelenik meg a határig. A 0 a teljes összefoglalót mutatja.
- **Leírás megjelenítése, ha üres**: ha a rövid leírás üres, a blokk a teljes termékleírást mutatja.
- **Hivatkozás a leírásra**: gombot ad, amely közvetlenül a termékoldal leírás részéhez ugrik.
- **Tipográfia és méretek**: a rendelkezésre álló betű- és térközbeállítások.

## Kosárba tevő blokk

A meglévő elrendezésekben a klasszikus **Kosárba + beállítások** blokk is előfordulhat: mennyiségválasztót és **Kosárba** gombot tartalmaz. A **Mennyiségválasztó** beállítással adható meg a megjelenés:

- **Beviteli mező**: számmező, amelybe a vásárló beírja a mennyiséget.
- **Léptető**: plusz és mínusz gombok a mennyiség növeléséhez és csökkentéséhez.

A teljesen blokkos, bővebb űrlapról a [Kosárba + beállítások blokk](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-kosarba-blokk/) fejezetben olvashatsz.

## Termék metaadat

Alapból a cikkszámot, a kategóriákat és a címkéket mutatja. Belső blokkjai:

- **Termék cikkszáma**: a termék SKU-ját mutatja.
- **Termékkategóriák listája**: a kategóriák listája. A blokk átalakítható más taxonómiára (például címkékre vagy márkákra) az átalakítás legördülő listájával. Stílusként az alapértelmezett és a pirula alakú címke közül választhatsz, a szöveg, a háttér és a hivatkozás színe állítható.
- **Termékek címkék szerint**: a termék címkéit mutatja. Átalakítható más taxonómiára (például kategóriákra vagy márkákra), a stílus és a színek ugyanúgy állíthatók, mint a kategóriáknál.

## Tipográfia és méretek

A belső blokkok a blokk és a téma által támogatott vezérlőket kínálják. A rejtett vezérlőket a panelfejléc melletti beállításmenüvel kapcsolhatod be. Elérhető lehet:

- **Betűtípus**: a téma betűtípusai közül, vagy az alapértelmezett.
- **Méret**: előre beállított méret (S, M, L, XL, XXL) vagy egyéni érték.
- **Megjelenés**: vastagság és stílus (félkövér, dőlt, vékony), ha a téma több változatot támogat.
- **Sormagasság**: a sorok közötti függőleges távolság.
- **Betűköz**: a karakterek közötti távolság.
- **Szövegdíszítés**: aláhúzás, áthúzás vagy nincs.
- **Kis- és nagybetű**: nagybetűs, kisbetűs vagy címszerű átalakítás.
- **Méretek**: a blokkon belüli (kitöltés) és körülötti (margó) távolság.
- **Szélesség**: **Illeszkedő** (a tartalomhoz igazodik), **Kitöltő** (kitölti a szabad helyet) vagy **Rögzített** (megadott szélesség).
- **Szegély**: állítható vastagságú szegély, és **Lekerekítés** a lágyabb megjelenéshez.

Ha végeztél, mentsd az oldalt vagy a sablont, és nézd meg a boltban a termékadatokat, a hivatkozásokat, a kép szegélyét és a kosárba tevő vezérlőket. Ha egy vezérlő nem érhető el, ellenőrizd, hogy a megfelelő belső blokk van kijelölve, és nézd meg a beállításmenüt és a téma támogatását.