Modern galéria

A Modern galéria elem a termék képeit egyedi elrendezésben mutatja: felül egy nagy, kiemelt kép, alatta a többi, váltakozó arányban és igazítással. Egyedi termékoldalra készült, amelyen egy fő és több másodlagos kép van.

Elhelyezés és beállítások Elementorban

1. Nyisd meg az oldalt az Elementorban, és húzd be a Modern galéria elemet arra a helyre, ahová szánod.
2. Az Általános szekcióban válaszd ki a forrást: „Bejegyzéstípusok”, „Kézi kiválasztás” vagy „WooCommerce-termékek”. Ha konkrét terméket szeretnél, írd be a termék azonosítóját a Termék ID mezőbe.

https://minta-bolt.hu/wp-admin/post.php?post=14&action=elementor

A képen a kézi forrás látszik; a három kapcsoló (Videó bekapcsolása, Nagyítás bekapcsolása, Galéria bekapcsolása) alatt a Képek szekció nyitható le.

3. A Videó beállításaival videót vagy lejátszógombot adhatsz a galériához (Videó).
4. A Képek szekcióban a képek méretét (Képméret) állíthatod a megjelenéshez.
5. A Stílus fülön a képek arányát és igazítását képenként külön megadhatod. Ez teszi egyedivé az elrendezést, és ettől különbözik a többi galériaelemtől.
6. Ugyanitt formázható a lightbox indítógombja, a videó előugró ablakának gombja és a lejátszógomb is.
7. Kattints a Közzététel gombra, és nézd meg az eredményt a weboldalon.

https://minta-bolt.hu/galeria-modern/

A képen az első kép teljes szélességben látszik, alatta a többi kép eltérő méretben és igazítással követi.

Képek bejegyzéstípusból (blokkszerkesztő)

A Gallery Modern blokk a blokkszerkesztőben is használható, és egyedi bejegyzéstípus galériamezőjének képeit is meg tudja jeleníteni.

1. Nyisd meg az oldalt vagy bejegyzést, kattints a blokkbeszúró gombra, és húzd be a blokkot. Gyorsabb út: írj be egy „/” jelet, és kezdd el a blokk nevét.
2. A General beállításoknál válaszd a „Post Types” forrást. Ez csak olyan egyedi bejegyzésen működik, amelyen van galériamező; ilyen mezőt például a JetEngine bővítménnyel hozhatsz létre.
3. A Gallery Key mezőbe írd a galériamező kulcsát (nevét).
4. Szükség szerint kapcsold be a Featured Image, a Video, a Zoom és a Photoswipe Gallery lehetőséget.
5. A stílusbeállításokhoz telepítsd és aktiváld a JetStyleManager bővítményt (ingyenes), majd kattints a blokk ecset alakú gombjára. Itt állítható:
   • a képek aránya (Proportions) és a függőleges igazítás (Vertical Alignment),
   • a szegély és a háttérszín. A háttérszín csak átlátszó hátterű PNG-képeknél látszik, vagy ha belső margót (padding) is megadsz.
6. Kattints a Frissítés (vagy Közzététel) gombra, és nézd meg az eredményt a weboldalon.

A források és a termékazonosító általános leírása: Általános beállítások. A blokkok közös használata: Blokkszerkesztő.