# Összehasonlító táblák

> Stílusok, méretek és évszakos kínálat összehasonlítása terméktáblával.

Az összehasonlító táblát három módon készítheted: az előbeállítás-kezelővel, a shortcode-generátorral vagy a **Product Table** blokkal. Az előbeállítás-kezelőt a **WooCommerce → Beállítások → Terméktábla** oldalon éred el, vagy a **Bővítmények** listában a JetProductTables neve alatti **Product Tables Settings** hivatkozással.

Az előbeállítás akkor használható, ha beállítod az integrációkat, shortcode-ot generálsz, vagy blokkot teszel az oldalra. Két előnye van az általános beállításokkal szemben: több különböző elrendezést is tárolhatsz (az általános beállításból csak egy van), és ha módosítasz egy előbeállítást, a változás minden olyan táblán érvényesül, ahol használod, így nem kell megkeresned a shortcode-ok és blokkok helyét.

A példa egy divatbolt: az alap négy oszlop a **Termékkép**, **Termék neve**, **Ár** és **Gombok**.

Három tipikus felhasználás, mindhez előbeállítás az alap. Hozz létre egy „Összehasonlító tábla” előbeállítást négy oszloppal (**Termékkép**, **Termék neve**, **Ár**, **Gombok**), a **Termékkép** és **Termék neve** oszlopnál kapcsold be a **Kapcsolt** kapcsolót, a **DIRECTION** legyen **Horizontal**, a szűrőket kapcsold ki, és mentsd.

## Stílusok összehasonlítása (blokk)

1. Keresd meg a **Termékek → Összes termék** listában az összehasonlítani kívánt termékek azonosítóit: vidd fölé az egeret a termék neve fölé, és olvasd le az „ID” értéket.
2. A cikkben szúrj be egy **Product Table** blokkot, és nyisd meg a **Setup Table** ablakot.
3. A **Query** lapon a **QUERY TYPE** legyen **Products**, és az **INCLUDE** mezőbe írd az azonosítókat vesszővel elválasztva.
4. A **Settings** lapon válaszd ki az előbeállítást, majd **Done**.

## Méretek összehasonlítása (shortcode)

Egy termék változatait mutatja, például méretenként más leírással.

1. A változó termék minden változatánál töltsd ki a **Leírás** mezőt (például a méreteket).
2. A shortcode-generátor **Query** lapján: **QUERY TYPE: Product Variations**, **GET VARIATIONS FROM: Specific product IDs**, és add meg a termék azonosítóját.
3. A **Columns** lapon töröld a **Termék neve** oszlopot, és adj hozzá **Teljes leírás** oszlopot. A mezők: **Termékkép**, **Teljes leírás**, **Ár**, **Gombok**.
4. A **Settings** lapon kapcsold ki a fejlécet és a láblécet, a **DIRECTION** legyen **Horizontal**.
5. A **Filters** lapon kapcsold ki az **Enable Filters** kapcsolót.
6. Generáld és másold ki a shortcode-ot (a **Close** gomb után a beállítások az oldal frissítéséig megmaradnak), majd illeszd be a cikkbe egy **Shortcode** blokkba.

## Évszakos összehasonlítás (blokk, függőleges)

1. Gyűjtsd ki a termékek azonosítóit.
2. Szúrj be egy **Product Table** blokkot, és add meg az azonosítókat az **INCLUDE** mezőben.
3. A **Columns** lapon alakítsd ki a sorrendet: **Termék neve**, **Termékkép**, **Összegzés**, **Címkék**, **Ár**, **Gombok**.
4. A **Settings** lapon kapcsold ki a fejlécet és láblécet, a **DIRECTION** legyen **Vertical**.
5. A **Filters** lapon kapcsold ki az **Enable Filters** kapcsolót, majd **Done**.

## Stílus

Hogy a táblák illeszkedjenek a webhelyhez, a **WooCommerce → Beállítások → Terméktábla → Design** lapon állíts színeket, betűket és szegélyeket. Az előbeállításokban lévő változtatások minden táblán érvényesülnek, ahol az előbeállítást használod.