# JetProductGallery

> Termékgalériák WooCommerce-termékoldalakhoz négy elrendezésben: diavetítés, rács, modern és horgonyalapú navigáció.

A JetProductGallery négy galéria-elem (widget és blokk) segítségével jeleníti meg a termékképeket az Elementor és a blokkszerkesztő (Gutenberg) oldalain. A képek jöhetnek egy WooCommerce-termék galériájából, egy egyedi bejegyzéstípus galériamezőjéből vagy kézzel kiválasztott képekből. Minden elem támogatja a nagyítást, a lightboxot (nagyított nézet) és a videót.

## A négy galériaelem

| Elem (Elementor) | Mire jó |
| --- | --- |
| **Galéria-diavetítés** | A képek vízszintes vagy függőleges csúszkában, bélyegképes vagy pontos lapozóval. |
| **Galériarács** | A képek rácsban, opcionálisan egy nagyobb elsődleges képpel. |
| **Modern galéria** | Szabadabb elrendezés: egy nagy kép és több kisebb, eltérő arányokkal. |
| **Galéria horgonyalapú navigáció** | Görgethető képsor, oldalt vagy alul horgonyos lapozóval. |

Az elemek részletesebben:

- **Galéria horgonyalapú navigáció:** görgethető termékképek, vízszintes vagy függőleges elrendezésben. Adatot WooCommerce-termékből, egyedi bejegyzéstípusból és kézzel választott képekből is vehet. Bekapcsolható a nagyítás és a galéria mód, a vezérlők megjelenítése, és kiemelt videó is megadható. Minden része stílusozható.
- **Galériarács:** a termékképek rácsban jelennek meg, termékoldalon. Adatforrása egyedi bejegyzéstípus, WooCommerce-termék vagy kézi választás. Letilthatod a kiemelt képet, bekapcsolhatod a nagyítást (a nagyítás mértékével), valamint a vezérlőket, a feliratot és a galéria gomb ikonjait. A blokkszerkesztőben a JetStyleManager bővítménnyel stílusozható.
- **Modern galéria:** szabad elrendezés tetszőleges számú képpel és pozícióval: egy fő kép és több másodlagos. Adatot egyedi bejegyzéstípusból, termékből, kézi galériából és termékazonosítóból vesz, és kiemelt videó is beállítható.
- **Galéria-diavetítés:** függőleges vagy vízszintes csúszka, sok stílusbeállítással. Az adatot a termékazonosító adja meg. Bekapcsolható a galéria, a nagyítás és a középre igazított mód; a navigáció (nyilak), a lapozó vagy mindkettő megjeleníthető, irányuk, a nyilak stílusa és pozíciója állítható.

## Követelmények

- WordPress, és az **Elementor** vagy a blokkszerkesztő (Gutenberg).
- **WooCommerce**, ha termékek képeit akarod megjeleníteni (a „WooCommerce-termékek” forrás ezt igényli).
- Egyedi bejegyzéstípusból (galériamezőből) a képeket csak olyan oldalon tudod megjeleníteni, ahol van ilyen mező. Ilyet például a JetEngine bővítménnyel hozhatsz létre.
- Blokkszerkesztőben a stílusbeállításokhoz ajánlott a JetStyleManager bővítmény.

## Telepítés és első lépések

1. Telepítsd és aktiváld a bővítményt a **Bővítmények** oldalon.
2. A **Crocoblock → JetPlugins Settings → JetProductGallery → Widgetek** oldalon ellenőrizd, hogy a használni kívánt elemek be vannak kapcsolva ([Widgetek](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/widgetek/)).
3. Szerkeszd meg azt az oldalt vagy sablont, ahová a galéria kerül, és húzd be az egyik elemet.
4. Válaszd ki a **Forrás**t, adj meg termékazonosítót, és állítsd be a többit.
5. Mentsd az oldalt, és nézd meg a weboldalon.

![Galéria-diavetítés a weboldalon, nagy képpel és bélyegképekkel](./kepek/galeria-csuszka-front.webp)

*Galéria-diavetítés a weboldalon, nagy képpel és bélyegképekkel* (https://minta-bolt.hu/galeria-csuszka/)

A kép a diavetítés elemet mutatja: fent a nagy kép nagyítóikonnal és nyilakkal, alatta a bélyegképek.

## Tartalom

- [Widgetek](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/widgetek/): az elemek be- és kikapcsolása.
- [Általános beállítások](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/altalanos-beallitasok/): források, termékazonosító, kiemelt kép, nagyítás.
- [Nagyítás és lightbox](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/nagyitas-es-lightbox/): a nagyított nézet és a vezérlői.
- [Videó](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/video/): videó hozzáadása a termékgalériához.
- [Galéria-diavetítés](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/diavetites/): csúszka és bélyegképek.

### Rács és modern galéria

- [Galériarács](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/racs-es-modern-racs/): rácsos elrendezés, kézi képválasztás, blokk.
- [Modern galéria](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/racs-es-modern-modern-galeria/): egy nagy és több kisebb kép.

### Horgonynavigáció

- [Galéria horgonyalapú navigáció](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/horgony-navigacio/): görgethető képsor lapozóval.

### Egyéb

- [Blokkszerkesztő](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/blokkszerkeszto/): a blokkok használata Gutenbergben.
- [Gyakori kérdések](https://hub.hellowp.io/hu/plugins/jet-woo-product-gallery/gyik/): rövid válaszok.