# WooCommerce termékwidgetek

> Egy adott termék, a legújabb, legjobb értékelésű, akciós, legnépszerűbb és kiemelt termékek megjelenítése Elementor-oldalon.

A JetElements hat WooCommerce-widgetet ad az Elementorhoz. Mindegyik a boltod termékeit jeleníti meg az oldalon, rácsban. Csak aktív **WooCommerce** mellett jelennek meg az elemek panelén.

![Az oldal a hat widgettel: egy kiválasztott termék, majd a legújabb, a legjobb értékelésű, az akciós, a legnépszerűbb és a kiemelt termékek](./kepek/woocommerce-oldal.webp)

*Az oldal a hat widgettel: egy kiválasztott termék, majd a legújabb, a legjobb értékelésű, az akciós, a legnépszerűbb és a kiemelt termékek* (https://minta-bolt.hu/widget-teszt-2/)

A képen fentről lefelé ugyanabban a sorrendben látszanak a widgetek, ahogy ez a fejezet leírja őket.

Mindegyik widgetet ugyanúgy teheted az oldalra:

1. Nyisd meg az oldalt az Elementorral (**Szerkesztés Elementorral**).
2. Keresd meg a widgetet az elemek panelén.
3. Húzd arra a szakaszra, ahol a termékeknek meg kell jelenniük.
4. A **Tartalom** fül **Beállítások** blokkjában add meg a beállításokat.
5. Kattints a **Közzététel** (vagy **Frissítés**) gombra, és nézd meg az oldalt a nyilvános felületen.

## WooCommerce-termék

A **WooCommerce-termék** egyetlen, általad kiválasztott terméket jelenít meg. A terméket az azonosítója (ID) vagy a cikkszáma (SKU) alapján adod meg.

![A WooCommerce-termék widget beállításai](./kepek/woocommerce-termek-panel.webp)

*A WooCommerce-termék widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál |
| --- | --- |
| **Termék ID** | A megjelenítendő termék azonosítója. |
| **Termék cikkszám** | A megjelenítendő termék cikkszáma. Akkor használd, ha az azonosító helyett cikkszám alapján szeretnél hivatkozni a termékre. |

### Hol találod az azonosítót és a cikkszámot

1. Nyisd meg a **Termékek → Minden termék** listát.
2. Az azonosítót úgy látod meg, hogy az egérrel a termék neve fölé állsz: a név alatt megjelenik az **ID**.
3. A cikkszám a lista **Cikkszám** oszlopában van.

![A termékek listája a cikkszámokkal](./kepek/woocommerce-termekek-lista.webp)

*A termékek listája a cikkszámokkal* (https://minta-bolt.hu/wp-admin/edit.php?post_type=product)

A cikkszámot (angolul SKU, vagyis raktári azonosító) minden terméknek egyedileg kell adni. Ha még nincs a terméknek, vagy módosítani szeretnéd:

1. A termék sorában kattints a **Szerkesztés** hivatkozásra.
2. A termékadatok közt nyisd meg a **Készlet** fület.
3. Írd be a cikkszámot a **Cikkszám** mezőbe.
4. Mentsd a változtatást a **Frissítés** gombbal.

## Legújabb termékek

A **WooCommerce legújabb termékei** widget a most felvett termékeket mutatja. A termékeket magától választja ki, a felvételük dátuma szerint, ezért jól használható a főoldalon, ha a látogatók figyelmét az újdonságokra szeretnéd irányítani.

![A Legújabb termékek widget beállításai](./kepek/woocommerce-legujabb-panel.webp)

*A Legújabb termékek widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Termékek oldalanként** | Hány termék jelenjen meg. | 12 |
| **Oszlopok** | Hány oszlopban jelenjenek meg (1 és 6 között). | 4 |
| **Sorrend alapja** | Mi szerint rendezze a termékeket: ID, szerző, cím, név (slug), dátum, módosítás ideje, véletlen, hozzászólások száma, menüsorrend vagy semmi. | Dátum |
| **Rendelés** | Csökkenő vagy növekvő sorrend. | Csökkenő |

## Legjobb értékelésű termékek

A **WooCommerce legjobb értékelésű termékei** widget azokat a termékeket mutatja, amelyek a vásárlói értékelések szerint a legjobb besorolást kapták. Az oldalra így könnyen kerülnek ki a legkedveltebb termékek. A sorrendet a vásárlói értékelések határozzák meg, ezért nincs hozzá rendezési beállítás.

![A Legjobb értékelésű termékek widget beállításai](./kepek/woocommerce-legjobbra-ertekelt-panel.webp)

*A Legjobb értékelésű termékek widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Termékek oldalanként** | Hány termék jelenjen meg. | 12 |
| **Oszlopok** | Hány oszlopban jelenjenek meg (1 és 6 között). | 4 |

## Akciós termékek

A **WooCommerce akciós termékek** widget azokat a termékeket mutatja, amelyeknek akciós ára van.

### Akciós ár megadása

1. Nyisd meg a **Termékek → Minden termék** listát.
2. Vidd az egeret az akciós termék fölé, és kattints a **Gyorsszerkesztés** hivatkozásra.
3. A gyorsszerkesztő űrlapon add meg az **Akciós ár** értékét.
4. Kattints a **Frissítés** gombra.

Egy termék akkor számít akciósnak, ha van akciós ára. A rács az **Akció!** jelvénnyel és az áthúzott eredeti árral mutatja őket.

![Az Akciós termékek widget beállításai](./kepek/woocommerce-akcios-panel.webp)

*Az Akciós termékek widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Termékek oldalanként** | Hány termék jelenjen meg egy oldalon. | 12 |
| **Oszlopok** | Hány oszlopban jelenjenek meg (1 és 6 között). | 4 |
| **Sorrend alapja** | Mi szerint rendezze a termékeket (cím, ID, dátum és a többi, mint a legújabb termékeknél). | Dátum |
| **Rendelés** | Csökkenő vagy növekvő sorrend. | Csökkenő |
| **Akciós termékek lapozásának megjelenítése** | Bekapcsolva a rács oldalakra tagolódik, és lapozó jelenik meg. | Nem |

## Legnépszerűbb termékek

A **WooCommerce legnépszerűbb termékei** widget a legtöbbet eladott termékeket mutatja. A termékeket magától választja ki az eladások száma szerint, ezért csak a megjelenítést kell beállítanod.

![A Legnépszerűbb termékek widget beállításai](./kepek/woocommerce-coksikeres-panel.webp)

*A Legnépszerűbb termékek widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Termékek oldalanként** | Hány termék jelenjen meg. | 12 |
| **Oszlopok** | Hány oszlopban jelenjenek meg (1 és 6 között). | 4 |

## Kiemelt termékek

A **WooCommerce kiemelt termékei** widget a kiemeltnek jelölt termékeket mutatja. Előbb jelöld meg őket:

1. Nyisd meg a **Termékek → Minden termék** listát.
2. Kattints a kiemelni kívánt termék sorában a csillagra (a lista csillag oszlopában). A teli csillag jelzi, hogy a termék kiemelt.

A widgethez ugyanazokat a beállításokat kapod, mint a legújabb termékekhez:

![A Kiemelt termékek widget beállításai](./kepek/woocommerce-kiemelt-panel.webp)

*A Kiemelt termékek widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Termékek oldalanként** | Hány termék jelenjen meg. | 12 |
| **Oszlopok** | Hány oszlopban jelenjenek meg (1 és 6 között). | 4 |
| **Sorrend alapja** | Mi szerint rendezze a termékeket (azonosító, szerző, cím és a többi). | Dátum |
| **Rendelés** | Csökkenő vagy növekvő sorrend. | Csökkenő |