Összehasonlító táblák

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.