# JetProductGallery

> Prémium galériabővítmény WooCommerce termékek képeihez és videóihoz, Elementorral és Gutenberggel, 4 testreszabható elrendezéssel, lightbox-szal és variációtámogatással.

## 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.