# Product Table blokk

> Terméktábla beszúrása a blokkszerkesztőben, a Setup Table ablak beállításai.

A **Product Table** blokk a blokkszerkesztőben (Gutenberg) teszi lehetővé, hogy terméktáblát tegyél egy oldalra, bejegyzésbe vagy sablonba.

## A blokk beszúrása

1. Nyiss meg egy oldalt vagy sablont a blokkszerkesztőben.
2. Kattints a blokkbeszúrás (plusz) ikonjára, és keress rá a „Product Table” névre.
3. Kattints a blokkra. Alapbeállításokkal rögtön megjelenik egy tábla.
4. A blokk oldalsávjában a **Setup Table** gombbal nyisd meg a beállítóablakot.
5. Végül mentsd az oldalt.

![Az oldalon megjelenő terméktábla blokk](./kepek/blokk-tablazat.webp)

*Az oldalon megjelenő terméktábla blokk* (https://minta-bolt.hu/blokk-teszt/)

## A Setup Table ablak

Az ablak lapjai: **Query**, **Columns**, **Settings**, **Filters** és **Design**. A **Query** lap a tábla tartalmát adja meg. A többi ugyanazokat a beállításokat ismétli, mint a **WooCommerce → Beállítások → Terméktábla** oldal. A **Columns**, **Settings** és **Filters** lapon **USE PRESET** lista is van az [előbeállítások](https://hub.hellowp.io/hu/plugins/jet-product-tables/elobeallitasok/) kiválasztásához.

### Query

A **QUERY TYPE** listában:

- **Products:** a termékek halmaza. A mezők megegyeznek a [shortcode-generátor](https://hub.hellowp.io/hu/plugins/jet-product-tables/shortcode/) **Query** lapjával: **General** (állapot, típus, felvett és kihagyott termékek, korlát, eltolás, oldal, rendezés), **Product** (a termék tulajdonságai) és **Date** (dátumok).
- **Product Variations:** termékváltozatok. A **GET VARIATIONS FROM** lista: **Current product**, **Specific product ID(s)** vagy **Specific product SKU(s)**. Az utóbbi kettőnél megjelenik az azonosítók vagy cikkszámok mezője.

A **Products** lekérdezés mezői részletesen:

| Csoport | Mező | Mit csinál |
| --- | --- | --- |
| General | STATUS | Csak a megadott állapotú termékek: közzétéve, vázlat, függőben, magán. |
| General | TYPE | Termék típusa: egyszerű, csoportosított, külső/partner vagy variálható. |
| General | INCLUDE, EXCLUDE | Adott termékek felvétele vagy kihagyása a listából. |
| General | LIMIT | A termékek legnagyobb száma, lapozásnál a termékek száma egy oldalon. |
| General | OFFSET | Ennyi terméket kihagy az eredmény elejéről. |
| General | PAGE | A lekért oldal száma. |
| General | ORDER, ORDER BY | Növekvő vagy csökkenő sorrend; rendezés dátum, azonosító, név, típus, véletlen vagy módosítás szerint. |
| Product | SKU, NAME, TAG, TAG ID, CATEGORY, CATEGORY ID | Cikkszám, név, címke és kategória (slug vagy azonosító) szerinti szűrés. |
| Product | WEIGHT, LENGTH, HEIGHT, PRICE, REGULAR PRICE, SALE PRICE, TOTAL SALES | Méret, ár és eladási adat szerinti szűrés. |
| Product | VIRTUAL, DOWNLOADABLE, SOLD INDIVIDUALLY, FEATURED, MANAGE STOCK, REVIEWS ALLOWED | Listák az „All Products”, „Yes” és „No” értékkel. |
| Product | BACKORDER, VISIBILITY, STOCK STATUS, TAX STATUS | Listák: utánrendelés (igen, nem, értesítés), láthatóság (látható, katalógus, keresés, rejtett), készletállapot, adóállapot (adóköteles, szállítás, nincs). |
| Product | STOCK QUANTITY, SHIPPING CLASS, TAX CLASS, AVERAGE RATING, DOWNLOAD EXPIRY, DOWNLOAD LIMIT, REVIEW COUNT | Szövegmezők a megfelelő értékhez. |
| Date | DATE CREATED, DATE MODIFIED, DATE ON SALE FROM, DATE ON SALE TO | Dátum `ÉÉÉÉ-HH-NN` formában. |

### Columns

Az **Columns** lapon az oszlopok a megjelenített WooCommerce-adat nevén szerepelnek (termék azonosítója, neve, képe, SKU és így tovább), mindegyiknek saját beállításaival. Itt választhatsz előbeállítást, hozzáadhatsz vagy törölhetsz oszlopot, és átrendezheted őket. A részletek az [Oszlopok](https://hub.hellowp.io/hu/plugins/jet-product-tables/oszlopok/) fejezetben vannak.

### Settings

A **Settings** lap két almenüből áll. A **General** almenü a tábla irányát (**DIRECTION**), a fejlécet, a láblécet, a ragadós fejlécet, a mobil elrendezést (**MOBILE LAYOUT**) és a lusta betöltést (Lazy Load) állítja. A **Navigation** almenü a lapozást és a hozzá tartozó beállításokat adja. Mindez a [Táblázat beállításai és mobilnézet](https://hub.hellowp.io/hu/plugins/jet-product-tables/beallitasok/) fejezetben szerepel.

### Filters

A szűrőkhöz előbb kapcsold be az **Enable Filters** kapcsolót. Bekapcsolás után két szűrő jelenik meg: a **Taxonomy Filter** (a választott osztályozás egy kifejezésére szűr) és a **Search Filter** (keresőkifejezésre szűr). Az **Attributes Filter** (egy tulajdonságra szűr) a „Select a filter…” listából választható, majd az **Add Filter** gombbal vehető fel.

- Mindhárom szűrőből annyit adhatsz hozzá, amennyit szeretnél.
- A szűrő beállításait a lenyíló nyíl nyitja ki, a kuka ikon törli a szűrőt.
- A szűrők beállításait a [Szűrők](https://hub.hellowp.io/hu/plugins/jet-product-tables/szurok/) fejezet írja le.

### Design

Ezen a lapon nincs önálló beállítás: egy hivatkozás átvisz a **WooCommerce → Beállítások → Terméktábla → Design** lapra, ahol a megjelenést adod meg. A mentés után az új dizájn az összes blokkon érvényesül.

A beállítások végén kattints a **Done** gombra.

## A blokk a frontenden

Az oldal közzététele vagy mentése után nyisd meg a frontendet: a tábla a beállításaid szerint jelenik meg. A táblák megjelenítési módjait (blokk, shortcode, WooCommerce-integráció) a [Táblázat megjelenítése a frontenden](https://hub.hellowp.io/hu/plugins/jet-product-tables/megjelenites-frontend/) fejezet foglalja össze.