# Összehasonlítás

> Az összehasonlító oldal elkészítése, az Összehasonlítás widget táblázata és a két összehasonlító gomb.

Az összehasonlítás segít a látogatónak választani: a kiválasztott termékek adatait egy táblázatban látja egymás mellett. Három widget tartozik hozzá: az **Összehasonlítás** (a táblázat), az **Összehasonlító gomb** (a termékeken) és az **Összehasonlítás-számláló gomb** (az oldal elérése és a termékek száma).

## Az összehasonlító oldal elkészítése

1. Hozz létre egy oldalt, például „Összehasonlítás” címmel. Meglévő oldalt is használhatsz.
2. Kapcsold be a funkciót a **Crocoblock → JetPlugins Settings → JetCompareWishlist → Összehasonlítás beállításai** lapon, és az **Összehasonlító oldal** mezőben válaszd ki az oldalt (lásd [Beállítások](https://hub.hellowp.io/hu/plugins/jet-compare-wishlist/beallitasok/)).
3. Nyisd meg a bolt egy termékoldalát, és az **Összehasonlító gombbal** tegyél a listára néhány terméket. Erre azért van szükség, mert üres listánál a táblázat nem mutat semmit. A gomb a termékoldalakon megjelenik, ha az **Alapértelmezett összehasonlító gomb hozzáadása** be van kapcsolva.
4. Nyisd meg az összehasonlító oldalt az Elementor szerkesztőjében, keresd meg az **Összehasonlítás** widgetet, és húzd az oldalra.
5. Állítsd be a **Tartalom** lapon a megjelenő adatokat, a **Stílus** lapon pedig a táblázat kinézetét.
6. Kattints a **Frissítés** gombra.

![Az összehasonlító táblázat a weboldalon](./kepek/osszehasonlitas-oldal.webp)

*Az összehasonlító táblázat a weboldalon* (https://minta-bolt.hu/osszehasonlitas/)

A képen az alapértelmezett táblázat három termékkel: **Eltávolítás**, **Bélyegkép** és **Cím** sor. Ha a lista üres, a widget az üres lista szövegét mutatja: „Nincsenek összehasonlítási listáid. Adj hozzá termékeket az összehasonlításhoz.”

## Az összehasonlítás bekapcsolása röviden

1. Nyisd meg a **Crocoblock → JetPlugins Settings → JetCompareWishlist** oldalt, és az **Összehasonlítás beállításai** lapon kapcsold be az **Összehasonlítás engedélyezése** kapcsolót.
2. Válaszd ki az **Áruház típusát** (**Alkalom** vagy **Cookie-k**), és ha kell, kapcsold be a lista mentését a bejelentkezett felhasználóknak.
3. Jelöld ki az **Összehasonlító oldal** oldalt, és állítsd be, hány terméket lehessen egyszerre összehasonlítani.
4. Ha azt szeretnéd, hogy a gomb a termékeken magától megjelenjen, kapcsold be az **Alapértelmezett összehasonlító gomb hozzáadása** kapcsolót.
5. A **Widgetek** lapon ellenőrizd, hogy a **Compare Button**, a **Compare Count Button** és a **Compare** be van kapcsolva.

A módosítások automatikusan mentődnek. Az egyes beállítások leírását a [Beállítások](https://hub.hellowp.io/hu/plugins/jet-compare-wishlist/beallitasok/) fejezetben találod.

## Az Összehasonlítás widget

### Táblázat

A **Tartalom** lap **Összehasonlítás** szakaszában a **Táblázat** lista adja meg, melyik termékadat jelenjen meg a táblázat soraiban. Alapból három sor van: **Eltávolítás**, **Bélyegkép** és **Cím**. A sorokat átírhatod, törölheted, és az **Elem hozzáadása** gombbal újat is felvehetsz.

![Az Összehasonlítás widget táblázatának beállításai](./kepek/szerkeszto-osszehasonlitas.webp)

*Az Összehasonlítás widget táblázatának beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

A képen az első sor kinyitva látszik. Minden sornak két alapbeállítása van: **Adattípus** és **Cím** (a sor fejléce a táblázatban).

Az **Adattípus** lehetséges értékei:

- **Eltávolító gomb**
- **Cím**
- **Bélyegkép**
- **Ár**
- **Értékelés**
- **Kosárba tétel**
- **Leírás**
- **Rövid leírás**
- **SKU**
- **Készletállapot**
- **Vastagság**
- **Méretek**
- **Attribútumok**
- **Kategóriák**
- **Címkék**
- **Egyéni mező**
- **Felvétel a kívánságlistára**

Néhány típusnál további beállítások is megjelennek:

- **Eltávolító gomb**: a **Gomb felirata** és a **Gomb ikonja** (az **Ikontárból** vagy feltöltött SVG-vel).
- **Cím**: a cím HTML-címkéje állítható.
- **Bélyegkép**: a kép felbontása és a képhivatkozás kapcsolója.

### Műveleti vezérlők

A **Műveleti vezérlők** szakaszban három, alapból kikapcsolt művelet van. Bekapcsolva a táblázat fölött megjelenik a hozzájuk tartozó gomb.

![A műveleti vezérlők a widget beállításai között](./kepek/szerkeszto-muveleti-vezerlok.webp)

*A műveleti vezérlők a widget beállításai között* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

| Kapcsoló | Mit csinál |
| --- | --- |
| **Táblázat kiürítése** | Egy gombbal kitörli az összes terméket az összehasonlításból. |
| **Különbségek kiemelése** | Kiemeli azokat az adatokat, amelyekben a termékek eltérnek. |
| **Különbségek láthatósága** | Csak a különbségeket mutatja. |

Mindegyik műveletnél beállítható a gomb ikonja és felirata, a kiemelésnél és a láthatóságnál a normál és az aktív állapotra külön-külön.

### Beállítások

![Az Összehasonlítás widget további beállításai](./kepek/szerkeszto-osszehasonlitas-beallitasok.webp)

*Az Összehasonlítás widget további beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Üres összehasonlítási szöveg** | Az a szöveg, amely üres lista esetén jelenik meg. | „Nincsenek összehasonlítási listáid. Adj hozzá termékeket az összehasonlításhoz.” |
| **Görgethető táblázat** | A táblázat vízszintesen görgethető lesz. Bekapcsolva kiválasztható, hogy mely eszközökön (mobil, tábla, asztali gép) működjön a görgetés. | Kikapcsolva |

## Az Összehasonlító gomb widget

Az **Összehasonlító gomb** minden termékhez egy gombot ad, amellyel a termék az összehasonlító listára kerül. Egyedi WooCommerce-sablonokba (egy termék oldala, termékarchívum) érdemes betenni. Az alapértelmezett gomb használatakor nem kell külön elhelyezned.

A **Tartalom** lapon ugyanazok a beállítások vannak, mint a **Kívánságlista gomb** widgetnél (lásd [Kívánságlista](https://hub.hellowp.io/hu/plugins/jet-compare-wishlist/kivansaglista/)): **Ikon**, **Ikon pozíciója**, valamint a **Normál** és **Hozzáadva** lap, amelyeken az **Ikon** és a **Címke** állítható. A **Hozzáadva** lapon a gombot eltávolító gombként is használhatod: ugyanazzal a gombbal kivehető a termék a táblázatból.

## Az Összehasonlítás-számláló gomb widget

Ez a gomb az összehasonlító táblázat oldalára viszi a látogatót, és megmutatja, hány termék van az összehasonlító listán. Bárhová elhelyezheted, például a fejlécbe vagy a láblécbe.

A **Tartalom** lap **Gomb** szakaszának beállításai megegyeznek a **Kívánságlista-számláló gomb** widgetével: **Címke**, **Ikon** (és **Pozíció**, **Ikon**), **Darabszám**, **Üres kifejezések elrejtése**, **Formátum** (a `%s` helyére kerül a darabszám) és **Pozíció**. Részletes leírásuk a [Kívánságlista](https://hub.hellowp.io/hu/plugins/jet-compare-wishlist/kivansaglista/) fejezetben van.