Woo összehasonlítás: gomb, darabszám és összehasonlító oldal

A Woo összehasonlítás widget lehetővé teszi, hogy a vásárlók termékeket jelöljenek ki, és egymás mellett vessék össze őket. Három részből áll, a Típus mezővel választod ki, melyik kell: Gomb (a kijelölő gomb), Darabszám (hány tétel van kijelölve) és Lista (az összehasonlító táblázat).

A widget Pro funkció, a The Plus Addons → Widgets oldalon kell bekapcsolni (Woo összehasonlítás). Aktív Elementor és WooCommerce kell hozzá akkor is, ha nem terméket hasonlítasz össze (lásd lent).

https://minta-bolt.hu/wp-admin/post.php?post=343&action=elementor

A képen a Típus mező Gomb értéken, alatta a Bejegyzés típusa mező Termékek értékkel és a Woo összehasonlító gomb szakasz.

Összehasonlító gomb

A Gomb típus (alapértelmezett) összehasonlító gombot ad a termékkártyákhoz vagy a termékoldalhoz, hogy a vásárlók kiválaszthassák az összehasonlítandó tételeket. A Bejegyzés típusa mezőben azt a típust válaszd, amelyet a listázó widgetben használsz.

Egyéni termékkártyán a widgetet a kártya sablonjába húzhatod, ugyanúgy, mint a gyorsnézet és a kívánságlista gombot. Így a gomb a kártya saját elrendezését, térközeit és hover-állapotait követi, nem egy rögzített sablonpozíciót.

A gomb megjelenése

https://minta-bolt.hu/wp-admin/post.php?post=353&action=elementor

A képen a Típus mező Gomb, alatta a Bejegyzés típusa és a Woo összehasonlító gomb szakasz.

A Woo összehasonlító gomb szakaszban (csak Gomb típusnál) állítod be a gomb tartalmát:

1. Az Összehasonlítás típusa mezőben válaszd ki, mi jelenjen meg a gombon: csak ikon, csak szöveg, vagy mindkettő. Az alapértelmezett a Szöveg/ikon.
2. A Hozzáadás az összehasonlításhoz mezőben add meg a gombon látszó szöveget, amíg a termék még nincs a listán.
3. Az Eltávolítás az összehasonlításból mezővel a termék hozzáadása utáni szöveget állítod, amelyre kattintva a vásárló kiveheti a terméket a listáról.
4. A Már az összehasonlító listán van mezőbe azt az üzenetet írd, amely akkor jelenik meg, ha a termék már szerepel a listán.
5. Az Ikon hozzáadása és Ikon eltávolítása mezőkkel cserélheted az ikonokat (alapból egy tömör és egy körvonalas szív).

https://minta-bolt.hu/wp-admin/post.php?post=353&action=elementor

A képen az Összehasonlítás típusa mező Szöveg/ikon értéken, alatta a három szövegmező és a két ikon.

A widget Típus mezőjének három értéke közül a Lista az összehasonlító táblázat oldala, lásd lent.

Darabszám: hány termék van kijelölve

A Darabszám típus megmutatja, hány termék került az összehasonlítási listára, hogy a vásárlóknak ne kelljen visszagörgetniük a termékekhez.

1. Add hozzá a Woo összehasonlítás widgetet a fejléchez vagy egy rögzített oldalsávhoz, hogy vásárlás közben is látsszon.
2. A Típus mezőben válaszd a Darabszám értéket.
3. A Számlálótípus mezőben válaszd: Gomb (alapértelmezett, a számláló egy gombon jelenik meg) vagy Listanézet (a kijelölt termékek kibontható listája).

https://minta-bolt.hu/wp-admin/post.php?post=345&action=elementor

A képen a Típus mező Darabszám, alatta a Számlálótípus mező Gomb értéken, majd a Bejegyzés típusa; lent a Woo összehasonlító lista tételszáma szakasz.

Összehasonlító oldal (Lista)

A gomb és a számláló csak akkor hasznos, ha van hely, ahol a kijelölt termékek egymás mellett látszanak. Ezt a Lista típus adja: táblázat az összes kijelölt termékkel, az adataik soronként egymás alá igazítva.

1. Hozz létre (vagy válassz) egy oldalt az összehasonlításhoz, például „Összehasonlítás” címmel.
2. Add hozzá a Woo összehasonlítás widgetet.
3. A Típus mezőben válaszd a Lista értéket.
4. A Woo összehasonlító lista szakasz Lista ismétlődő elemeivel add meg, mely mezők legyenek a táblázat sorai. Alapból négy elem van: Kép, Cím, Ár és Leírás; az Elem hozzáadása gombbal újabbat vehetsz fel (például értékelés vagy készletállapot), a másolás és törlés ikonokkal rendezheted a sorokat.
5. Az Egyéb opció szakaszban további beállítások vannak.

https://minta-bolt.hu/wp-admin/post.php?post=344&action=elementor

A képen a Típus mező Lista értéken, alatta a Betöltési szöveg mező („Betöltés…”) és az Igazítás.

https://minta-bolt.hu/wp-admin/post.php?post=344&action=elementor

A képen a Lista elemei: Kép, Cím, Ár, Leírás, alattuk az Elem hozzáadása gomb.

Ismert hiba: az összehasonlító oldal a jelenlegi állapotban nem fejeződik be: a táblázat helyén végig a Betöltés… felirat marad. A termékadatokat lekérő admin-ajax.php kérést a szerver 403-as (tiltott) válasszal utasítja el, ezért a táblázat soha nem kapja meg az adatait. Ez két különböző kijelölt terméknél is így volt. A Gomb és a Darabszám típust ez nem érinti, azok működnek.

Összehasonlítás más bejegyzéstípusokhoz

Az összehasonlítás nem csak termékre való: egy ingatlanlistához, autókínálathoz vagy bármilyen egyéni bejegyzéstípushoz is használható, ha vannak összevethető tulajdonságai. A Bejegyzés típusa mező külön áll a Típus és a Számlálótípus mezőtől, és az oldalon bejegyzett összes bejegyzéstípust felkínálja, nem csak a terméket.

1. Add hozzá a Woo összehasonlítás widgetet az egyéni típus archívum- vagy egyedi sablonjában oda, ahol az összehasonlító vezérlő megjelenjen.
2. A Bejegyzés típusa mezőben válaszd ki a kívánt típust. Egyéni típushoz előbb regisztrálnod kell azt (a témád vagy egy másik bővítmény).
3. A Típus és a Számlálótípus ugyanúgy működik, bármelyik típust választod.

Miért kell mégis a WooCommerce? Bár a Bejegyzés típusa nem csak a termékre korlátozódik, a widget csak aktív WooCommerce mellett jelenik meg. A WooCommerce nem kell, hogy az összehasonlítás tárgya legyen, de telepítve és aktívan kell lennie.

Beállítás	Mit csinál	Alapérték
Típus	Gomb, Darabszám vagy Lista.	Gomb
Számlálótípus	Gomb (számláló gombon) vagy Listanézet (kijelölt termékek listája). Csak a Darabszám típusnál.	Gomb
Bejegyzés típusa	Melyik bejegyzéstípushoz működik az összehasonlítás.	Termékek
Betöltési szöveg	A lista betöltése közben megjelenő szöveg. Csak a Lista típusnál.	Betöltés…
Lista (Woo összehasonlító lista)	Mely mezők legyenek az összehasonlító táblázat sorai.	Kép, Cím, Ár, Leírás
Igazítás	A widget vízszintes helye.	Középre