# Termékoldal

> Egyedi termékoldal-sablon készítése a termékoldali widgetekkel, a termékértékelés beállításai és a termékek attribútumainak megjelenítése.

A termékoldal sablonja az **Egyedi** típusú sablon. A termék adatait (kép, cím, ár, leírás, kosárba gomb, metaadatok, fülek, kapcsolódó termékek) a termékoldali widgetekkel rakod össze, és a sablon az összes termékre vagy csak egyes termékekre érvényes.

## Egyedi termékoldal készítése

1. Kapcsold be a használni kívánt widgeteket a **Crocoblock → JetPlugins Settings → JetWooBuilder → Widgetek** oldal **Termékoldali widgetek** szakaszában. A felesleges widgeteket hagyd kikapcsolva, így gyorsabb marad a webhely.
2. Nyisd meg a **Crocoblock → Woo Page Builder** oldalt, és kattints az **Új sablonminta létrehozása** gombra.
3. Válaszd az **Egyedi** típust, írd be a sablon nevét (például „Egyedi termékoldal”), és ha kell, válassz előre elkészített elrendezést. Kattints a **Sablonminta létrehozása** gombra.
4. A szerkesztőben a **JetWooBuilder** csoportból húzd be a widgeteket. A bekapcsolt widgetek itt jelennek meg.
5. Tedd közzé a sablont a **Közzététel** gombbal.
6. A **WooCommerce → Beállítások → JetWooBuilder** fül **Termékoldal** szakaszában jelöld be az **Egyéni termékoldal** jelölőnégyzetet, válaszd ki a sablont a **Termékoldalsablon** listából, majd mentsd a beállításokat a **Módosítások mentése** gombbal.
7. Nyiss meg egy terméket a weboldalon, és ellenőrizd az eredményt.

![Az Egyedi sablon az Elementor szerkesztőjében](./kepek/szerkeszto-egyedi.webp)

*Az Egyedi sablon az Elementor szerkesztőjében* (https://minta-bolt.hu/wp-admin/post.php?post=23&action=elementor)

A bal oldali panel **JetWooBuilder** csoportjában a termékoldali widgetek is ott vannak (**Termékoldali kosárba helyezés**, **Termékoldali attribútumok**, **Termékoldali tartalom**, **Termékoldali kivonat**, **Termékoldali képek**, **Termékoldali metaadatok**, **Termékoldali ár** és a többi). A jobb oldalon a termék mintaadattal látszik.

Ha a sablon címe zavaró a weboldalon, a sablonbeállítások (a lap ikon a szerkesztő felső sávjában) között kapcsold be a **Cím elrejtése** kapcsolót.

![Egy termék oldala az egyedi sablonnal](./kepek/termekoldal-frontend.webp)

*Egy termék oldala az egyedi sablonnal* (https://minta-bolt.hu/product/keramia-bogre/)

A képen a termékoldal a sablonból épül fel: kép, cím, ár, rövid leírás, készlet, kosárba gomb, metaadatok, fülek és a kapcsolódó termékek.

## Termékoldal fejléccel és lábléccel (JetThemeCore)

Ha a termékoldalnak saját fejléce és lábléce is legyen, a JetThemeCore oldalsablonja kell. A termékoldal törzse lehet a fent elkészített JetWooBuilder sablon, vagy a JetThemeCore saját sablonja.

1. Kapcsold be a termékoldali widgeteket (lásd fent).
2. Ha a törzset a JetThemeCore-ral készíted: a **Crocoblock → Theme Templates** oldalon kattints az **Add New** gombra, a **Template Type** legyen **Single Product**, válaszd ki a tartalomtípust, add meg a nevet, és kattints a **Create Template** gombra. Húzd be a termékoldali widgeteket, és tedd közzé.
3. A **Crocoblock → Theme Builder** oldalon hozz létre oldalsablont, és add meg a feltételt: **Include**, **WooCommerce**, **Single Product**. Az utolsó listában az **All** az összes termékre érvényes, de egyes termékeket is kiválaszthatsz. Egy második feltétellel kizárhatsz termékeket: **Exclude**, **WooCommerce**, **Single Product**, és a kizárt termékek nevei.
4. Az oldalsablonban add hozzá a törzset az **Add body**, majd az **Add from library** gombbal, és add hozzá a fejlécet és a láblécet is (lásd [Sablonok létrehozása és hozzárendelése](https://hub.hellowp.io/hu/plugins/jet-woo-builder/sablonok/)).
5. A **WooCommerce → Beállítások → JetWooBuilder** fülön **ne** rendelj sablont a termékoldalhoz: a feltételt már az oldalsablon tartalmazza.

## A termékoldali widgetek

| Widget (a szerkesztőben) | Mit mutat |
|---|---|
| **Termékoldali képek** | A termék fő képe és galériája. |
| **Termékoldali cím** | A termék neve. |
| **Termékoldali ár** | A termék ára. |
| **Termékoldali értékelés** | A termék csillagos értékelése. |
| **Termékoldali kivonat** | A rövid leírás. |
| **Termékoldali tartalom** | A teljes leírás. |
| **Termékoldali kosárba helyezés** | A mennyiségmező és a **Kosárba teszem** gomb. Változó terméknél legördülő listákat ad az attribútumok kiválasztásához. |
| **Termékoldali metaadatok** | Cikkszám, kategória, címkék. |
| **Termékoldali attribútumok** | A termék attribútumainak táblázata. |
| **Termékoldali fülek** | A termék adatainak fülei, például a leírás és a vélemények. |
| **Termékoldali akciójelvény** | Az akciós jelvény. |
| **Termékoldali megosztás** | Megosztó gombok. |
| **Termékoldali értékelések űrlapja** | A vásárlói vélemények beküldésére szolgáló űrlap. |
| **Termékoldali upsell termékek** | A termékhez megadott upsell termékek. |
| **Termékoldali kapcsolódó termékek** | A WooCommerce által automatikusan választott kapcsolódó termékek. |

Az upsell és kapcsolódó termékek sablonjáról a [Bolt, archívum és kategóriák](https://hub.hellowp.io/hu/plugins/jet-woo-builder/bolt-es-archivum/) fejezet szól.

## Termékoldali értékelés

A **Termékoldali értékelés** widget a termék értékelését írja ki, és a csillagok kinézetét állítja. A widget dinamikus mezőkkel is működik, így megjelenítheti más bővítmények (JetEngine, JetReviews, JetSmartFilters) által létrehozott értékelést is. A widgetet csak az Egyedi sablonokban használhatod.

A **Termék értékelése** szakasz beállításai:

| Beállítás | Mit csinál |
|---|---|
| **Nincs értékelés** | Ha be van kapcsolva, az értékelés (üres csillagokkal) akkor is megjelenik, ha még senki nem értékelte a terméket. |
| **Hivatkozás szerkesztése** | Bekapcsolva megadható az értékelés hivatkozása. |
| **URL** | A hivatkozás címe. A dinamikus címke ikonjával dinamikus mezőből választhatod ki az értéket. |
| **Egyes számú felirat** | A felirat egy értékelés esetén (alapból a „vásárlói értékelés” jelentésű szöveg). |
| **Többes számú felirat** | A felirat több értékelés esetén. |
| **Felirat előtt** | A felirat előtti jel (alapból nyitó zárójel). |
| **Felirat után** | A felirat utáni jel (alapból záró zárójel). |

A **Stílus** fülön a csillagok típusa (**Csillagok típusa**, 14 különböző közül), a csillagok és a szöveg helyzete (**Megjelenítés típusa**: blokk, sorban, megfordított blokk, megfordított sorban), az **Igazítás**, a csillagok mérete és színe, a hivatkozás tipográfiája és egyéb stílusok állíthatók.

## Termékattribútumok megjelenítése

A WooCommerce termékek attribútumainak (például szín, méret) kiválasztása és megjelenítése a termékoldalon, a termékkártyákon és a boltoldalon három helyen működik.

1. Az attribútumokat a **Termékek → Attribútumok** oldalon hozod létre és állítod be (az értékeket, és hogy melyik termékhez melyik tartozik).
2. **Termékoldalon**: az Egyedi sablonba húzd be a **Termékoldali kosárba helyezés** widgetet. Változó terméknél ez legördülő listákat ad az attribútumok kiválasztásához, így a vásárló kiválaszthatja a kívánt változatot. A **Termékoldali attribútumok** widget az attribútumok táblázatát írja ki.
3. **Archívumtételben**: az **Archívum kosárba helyezés** widget változó terméknél egy gombot ad, amely a termékoldalra visz, ahol a vásárló kiválaszthatja a változatot.
4. **Boltoldalon**: a Bolt sablonban a **Termékrács** vagy a **Terméklista** widget a termékeket a megadott előbeállítás szerint írja ki, változó terméknél a gomb a termékoldalra visz.

A termékek változatait táblázatban a JetProductTables bővítménnyel, listában a JetEngine Listing Grid widgetjével jeleníthetsz meg.