# Gyorsnézet widget: termékek és bejegyzések előnézete felugró ablakban

> A Gyorsnézet widget beállítása, az alapértelmezett és az egyéni sablonos felugró ablak, valamint a gomb elhelyezése egyéni termékkártyán.

A **Gyorsnézet** widget felugró ablakban mutatja egy termék vagy bejegyzés legfontosabb adatait, így a látogatónak nem kell elhagynia a listaoldalt. WooCommerce-termékeken és sima bejegyzéseken is működik.

Követelmények:

- Elementor és WooCommerce, legalább egy közzétett termékkel.
- A widget Pro funkció: a **The Plus Addons → Widgets** oldalon keresd meg a **Gyorsnézet** widgetet, és kapcsold be.

## A widget felvétele

1. Nyisd meg a termék- vagy bejegyzéslista sablonját Elementorban.
2. Add hozzá a **Gyorsnézet** widgetet oda, ahol a gyorsnézet gombnak látszania kell.
3. A **Bejegyzés típusa** mezőben válaszd ki, melyik típust mutassa a gyorsnézet. A lista az oldalon bejegyzett összes típust tartalmazza (bejegyzés, oldal, termék és az egyéni típusok). Terméklistához válaszd a **Termékek** értéket. Ugyanazt a típust válaszd, amelyet a listázó widgetben használsz.
4. A **Gyorsnézet** mezőben döntsd el, milyen legyen a felugró ablak (lásd lent).
5. Az **Igazítás** gombokkal állítsd be a gomb helyét balra, középre vagy jobbra.

![A Gyorsnézet widget panelje a Termékek bejegyzéstípussal és az Alapértelmezett elrendezéssel](./kepek/woo-builder-gyorsnezet-panel.webp)

*A Gyorsnézet widget panelje a Termékek bejegyzéstípussal és az Alapértelmezett elrendezéssel* (https://minta-bolt.hu/wp-admin/post.php?post=341&action=elementor)

A képen a **Gyorsnézet** szakasz látszik: a **Bejegyzés típusa** mező **Termékek**-re állítva, alatta a **Gyorsnézet** mező **Alapértelmezett** értéken.

## Alapértelmezett gyorsnézet

Az **Alapértelmezett** érték a bővítmény kész, egyszerű előnézeti elrendezését használja. Akkor jó, ha nem akarsz saját felugró ablakot tervezni. A gombra kattintva felugró ablak nyílik a termék vagy bejegyzés címével, képével, rövid leírásával és termék esetén az árával, a listaoldal elhagyása nélkül.

## Egyéni sablon a gyorsnézethez

Ha a kész elrendezés nem illik a saját termék- vagy bejegyzésoldalad kialakításához, a teljes felugró ablakot megtervezheted Elementor-sablonként. A gyorsnézet ezt a sablont a kattintott termék vagy bejegyzés saját adataival jeleníti meg.

1. A **Gyorsnézet** mezőben válaszd az **Egyéni sablonminta** értéket.
2. A megjelenő **Sablon** mezőben válaszd ki az Elementor-sablont, amelyet a felugró ablakban látni szeretnél. A mező alatti gombokkal új sablont hozhatsz létre, vagy a kiválasztottat szerkesztheted anélkül, hogy elhagynád a panelt.
3. A sablonba a terméktől függő (dinamikus) widgeteket tegyél, például a **Woo termékképek**, **Woo egyszerű termékoldal** vagy **Woo termékár** widgetet, hogy az a kattintott termék adatait mutassa.

![A Gyorsnézet widget panelje Egyéni sablonminta kiválasztásakor, a Sablon mezővel](./kepek/woo-builder-gyorsnezet-sablon-panel.webp)

*A Gyorsnézet widget panelje Egyéni sablonminta kiválasztásakor, a Sablon mezővel* (https://minta-bolt.hu/wp-admin/post.php?post=342&action=elementor)

A képen az **Egyéni sablonminta** választás után megjelenő **Sablon** mező látszik, alatta a sablon létrehozására szolgáló gombbal.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Bejegyzés típusa** | Melyik bejegyzéstípushoz tartozik a gyorsnézet. | Bejegyzés (termékhez állítsd **Termékek**-re) |
| **Gyorsnézet** | **Alapértelmezett** (beépített elrendezés) vagy **Egyéni sablonminta** (saját Elementor-sablon). | Alapértelmezett |
| **Sablon** | Az Elementor-sablon, amely a felugró ablak tartalma. Csak egyéni sablonnál jelenik meg. | nincs kiválasztva |
| **Igazítás** | A gomb vízszintes helye. | Középre |

## Gyorsnézet gomb egyéni termékkártyán

Ha a terméklista kártyáját a saját elrendezés-szerkesztőjével építetted fel, a **Gyorsnézet** widgetet közvetlenül a kártya sablonjába is beteheted, ugyanúgy, mint az összehasonlítás és a kívánságlista gombot.

1. Nyisd meg szerkesztésre az egyéni termékkártya sablonját.
2. Húzd be a **Gyorsnézet** widgetet a kártyán belül oda, ahol a gombnak lennie kell (például a termékkép sarkába ikonként).
3. A **Bejegyzés típusa** mezőt állítsd **Termékek**-re.
4. A **Stílus** fülön igazítsd a gomb ikonját vagy megjelenését a kártya többi részéhez.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Bejegyzés típusa** | Termékkártyán **Termékek**-re kell állítani. | Bejegyzés |

### Tudnivalók

- A widgetet csak akkor tudod használni, ha a **Widgets** oldalon be van kapcsolva.
- Egyéni sablonnál a sablon minden eleme a kattintott termék adatait csak akkor mutatja, ha termékfüggő (dinamikus) widgetekből áll.
- A sablon-választó gombja (**Create Template**) a felületen még angolul látszik.