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

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.

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.

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.