# Woo - termékrács widget

> WooCommerce-termékek testreszabható rácsban: oszlopok, megjelenő adatok, lekérdezés és stílus.

A **Woo - termékrács** (Woo Product Grid) widget a WooCommerce termékeit testreszabható rácsban jeleníti meg. Egyszerű bolti oldalhoz és összetettebb termékbemutatóhoz is használható: te döntöd el, milyen adatok látszanak, hogyan nézzenek ki, és hogyan válogassa ki a termékeket. Online boltokhoz, céloldalakhoz és egyedi termékszekciókhoz való, ahol el akarsz térni a WooCommerce alapértelmezett kinézetétől.

Főbb képességek:

- a termékek testreszabható rácsban;
- az oszlopok száma, az oldalankénti termékek száma és a hézagok állítható;
- a termékadatok láthatósága (kép, kategória, cím, ár stb.) kapcsolható;
- rugalmas lekérdezés (az összes termék vagy kézi választás, rendezés népszerűség, ár, értékelés szerint);
- teljes stílusbeállítás szövegre, gombokra és térközökre;
- reszponzív elrendezés igazítással.

A widgethez aktív WooCommerce kell. A [Woo - termékek widget](https://hub.hellowp.io/hu/plugins/ultimate-elementor/woocommerce-termekek-widget/) részletesebb, körhintát és gyorsnézetet is tudó változata külön fejezetben szerepel.

## A widget felvétele az oldalra

1. A WordPress admin felületén nyisd meg az **Oldalak** menüt, és szerkessz egy meglévő oldalt (vagy hozz létre újat) Elementorral.
2. Az Elementor panelen keress rá a **Woo Product Grid** widgetre.
3. Húzd az oldalra.
4. A **Tartalom**, **Stílus** és **Haladó** fülön testreszabhatod.

## Tartalom fül

A **Tartalom** fül azt határozza meg, mely termékek jelenjenek meg, és milyen adatokkal. Három szakasz van: rács beállításai, tartalom és lekérdezés.

### Rács beállításai

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Oszlopok** | A termékoszlopok száma (például 2, 3, 4). | 2 |
| **Termékek oldalanként** | Hány termék jelenjen meg egy oldalon. | 6 |

Tipp: a kiegyensúlyozott rács (például 3 vagy 4 oszlop) rendezettebb elrendezést ad.

### Tartalom

Itt kapcsolod ki-be, mely termékadatok látszanak:

- kép
- kategória
- cím
- értékelés
- ár
- rövid leírás
- kosárba tétel gomb

Csak azt mutasd, amire a vásárlónak a gyors döntéshez szüksége van. Túl sok adat összezsúfolja a rácsot.

### Lekérdezés

A lekérdezés szabályozza, honnan és milyen sorrendben jelennek meg a termékek.

- **Forrás:** **Összes termék** (az összes WooCommerce-termék). A kézi választás lehetősége a widgetben szintén elérhető.
- **Rendezés alapja:** dátum, ár, cím, népszerűség, értékelés vagy véletlenszerű.
- **Sorrend:** növekvő vagy csökkenő.

Példa: ha a sikertermékeidet akarod kiemelni, a rendezés alapja legyen a népszerűség.

## Stílus fül

A **Stílus** fül a rács megjelenését szabályozza.

| Szakasz | Beállítások |
|---|---|
| **Elrendezés** | Oszlopköz (alapérték 20 px) és sorköz (alapérték 30 px). |
| **Tartalmi terület** | Igazítás (balra, középre vagy jobbra), háttér típusa (egyszínű vagy kép). |
| **Kategória** | Szövegszín, tipográfia (betűméret, vastagság, stílus), térköz (alapérték 10 px). |
| **Cím** | Szövegszín és teljes tipográfia. |
| **Értékelés** | A csillagok színe. |
| **Ár** | Az ár színe. |
| **Kosárba tétel gomb** | Szövegszín, tipográfia, belső margó (alapérték 15 px minden oldalon), háttér, szegély és árnyék. |