Ugrás a fő tartalomhoz

JetProductGallery

Mi ez és milyen problémát old meg?​

A JetProductGallery egy célzott, prémium WordPress bővítmény, amivel professzionális termékgalériákat építhetsz WooCommerce-ben – képekkel és videókkal, kódolás nélkül. Az alap WooCommerce galéria testreszabhatósága korlátozott, nem egységes a lightbox, a videók kezelése nehézkes, és a variációképekhez sincs rugalmas megoldás. A JetProductGallery ezeket egyben oldja meg: 4 galéria‑widgetet ad, mély lightbox, zoom, slider és variációképek támogatással, és ugyanúgy működik Elementorban és Gutenbergben.

Hogyan működik röviden?​

  • Az egyedi termékoldal sablonodba (Elementor/Gutenberg) behúzod a megfelelő JetProductGallery elemet.
  • Kiválasztod a forrást: WooCommerce termék, egyedi bejegyzéstípus (CPT) vagy manuális képek.
  • Beállítod az elrendezést (Slider, Grid, Modern, Anchor), a lightboxot, a zoomot, a paginációt/miniatűröket, és – ha kell – a videót és a variációképeket.
  • Stílusozol és publikálsz. Gutenbergben a JetStyleManager részletes stílusopciókat ad, JetEngine-nel pedig dinamikus címkékkel dolgozhatsz.

Beépített galériaelemek​

  • Gallery Slider: helytakarékos képcsúszka, nyilakkal és pontokkal. Beállíthatod, hány kép látszódjon egyszerre, a miniatűrök pozícióját (alul/felül/oldalt), sőt vertikális csúszkát is készíthetsz.
  • Gallery Grid: rugalmas rácselrendezés, képekhez és videókhoz. Tiszta, áttekinthető bemutató sok vizuális tartalomhoz.
  • Gallery Modern: “modern”, asszimetrikus megjelenés, ahol a képek dinamikusabban rendezhetők – prémium hatás egyedi márkákhoz.
  • Gallery Anchor Navigation: görgethető, horgony‑navigációs galéria vízszintes vagy függőleges irányban; akkor jó, ha sok kép között gyors, címkés navigációt szeretnél.

Fő funkciók, érthetően​

  • Lightbox galéria: teljes képernyős megtekintés zoommal, nyilakkal, számlálóval és megosztás opcióval. Minden galériában egy kattintással bekapcsolhatod.
  • Kép‑zoom: hoverre nagyítás, állítható nagyítási aránnyal. Nem kell hozzá CSS – a beállításokból vezérled.
  • Videó a galériában: tehetsz YouTube, Vimeo vagy saját tárhelyről betöltött videót; állítsd akár elsőnek, hogy a termék azonnal mozgásban “adja el magát”.
  • Variációképek: variálható termékekhez (pl. szín, méret) külön képcsoportokat rendelhetsz. A felhasználó azt a galériát látja, ami a választott variációhoz tartozik – ez növeli a relevanciát és a konverziót.
  • Animációk: hover/zoom/flip/swap/rollover hatásokkal élőbbé teheted a galériát.
  • Csúszka opciók: több kép egyszerre, bélyegképes vagy pontos pagináció, vertikális slider, miniatűrök testreszabható helye.
  • Forrás‑választás: nem csak WooCommerce; mutathatsz CPT-ből is képeket (pl. portfólió), vagy tölthetsz fel manuálisan.
  • Dinamikus tartalom: JetEngine-nel dinamikus címkéket használsz, azaz képeket és metaadatokat húzhatsz a háttérből.
  • Teljesítmény finomhangolás: a bővítmény vezérlőpultján kikapcsolhatod a nem használt widgeteket, így gyorsabban tölt az oldal.

Gyakorlati példák​

  • Divatszínek variációkkal: póló több színben. Minden színhez külön képsorozatot adsz, így a vásárló azt látja, amit választott. A Grid vagy Slider jól működik.
  • Tech termék videós demóval: akciókameránál a galéria első eleme egy rövid videó; utána a részletfotók jönnek. A Slider + lightbox kombináció erős élményt ad.
  • Bútorkatalógus vertikális miniatűrökkel: nagy termékképet mutatsz, jobb/bal oldalt miniatűr-választóval. Helytakarékos és mobilbarát.
  • Portfólió CPT: nem webshop? A Modern elrendezéssel látványos projektgalériát építhetsz, dinamikus adatforrással.

Gyors kezdés (7 lépés)​

  1. Hozz létre Single Product sablont Elementorban vagy Gutenbergben.
  2. Helyezd el a kívánt JetProductGallery elemet (Slider/Grid/Modern/Anchor).
  3. Válaszd ki a forrást (WooCommerce/CPT/Manuális).
  4. Kapcsold be a Lightbox és Zoom opciókat; állítsd a paginációt, nyilakat, miniatűr‑pozíciót.
  5. Adj meg videó URL‑t, ha kell, és állítsd “kiemelt” elemnek.
  6. Engedélyezd a variációképeket, és rendeld hozzájuk a megfelelő galériákat.
  7. Stílusozz (Gutenbergben JetStyleManagerrel), majd publikálj.

Előnyök és értékajánlat​

  • Konzisztens UX: egységes megjelenítés Elementorban és Gutenbergben.
  • Jobb konverzió: a releváns variációképek, a videó első helyre tétele és a profi lightbox segíti a döntést.
  • Időmegtakarítás: kód helyett kattintásos beállítások; összetett galériák percek alatt.
  • Rugalmasság: WooCommerce-en túl bármilyen vizuális tartalommal működik (CPT, manuális).
  • Teljesítmény: csak azt töltöd, amire szükséged van, a felesleges widgeteket letilthatod.

Kompatibilitás és licenc​

  • Oldalszerkesztők: Elementor és Gutenberg teljes támogatással.
  • Adatforrások: WooCommerce, CPT, manuális képek; JetEngine‑nel dinamikus címkézés.
  • Licenc: prémium bővítmény, éves előfizetéses konstrukcióban is elérhető.

Kinek ajánlott?​

  • Webshop tulajdonosoknak, akik a termékképeiket profi szintre emelnék, videóval és variációkkal.
  • Ügynökségeknek és fejlesztőknek, akik konzisztens, szerkesztőfüggetlen galériamegoldást keresnek ügyfeleiknek.
  • Márkák és kreatívok számára, akik egyedi, modern megjelenést akarnak (pl. Modern vagy Anchor galéria).
  • Tartalomépítőknek, akik CPT‑ben portfóliót, esettanulmányt, projekt‑galériát mutatnának be.

Ha letisztult, gyors és variáció‑tudatos termékgalériát szeretnél, ami képeket és videókat egy helyen, szépen kezel, a JetProductGallery pontosan erre való. A telepítés után azonnal használhatod, és pár beállítással látványos, mobilbarát galériát kapsz – felesleges kódolás nélkül.