Tovább a tartalomhoz

Modern galéria és horgonyalapú navigáció

A Modern galéria szabad elrendezése és a Galéria horgonyalapú navigáció görgethető képsora.

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

  1. Nyisd meg az oldalt az Elementorban, és húzd be a Modern galéria elemet.
  2. Az Általános szekcióban válaszd ki a forrást: „WooCommerce-termékek”, „Bejegyzéstípusok” vagy „Kézi választás”. Termékforrásnál add meg a Termék IDt.
  3. A Képek szekcióban állítsd be a képméretet.
  4. Szükség szerint kapcsold be a videót, a nagyítást és a galériát (lightbox).
  5. A Stílus fülön képenként megadhatod az arányt és az igazítást; ettől lesz egyedi az elrendezés. Külön formázható a lightbox indítógombja, a videó előugró ablakának gombja és a lejátszógomb.
  6. Mentsd az oldalt.
https://minta-bolt.hu/galeria-modern/
Modern galéria: nagy és kisebb képek váltakozó elrendezésben

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.

Bejegyzéstípus-forrásnál a blokk stílusában külön állítható a képek aránya és a függőleges igazítás, a szegély és a háttérszín. A háttérszín csak átlátszó hátterű PNG-képeknél, vagy megadott belső margó (padding) mellett látszik.

A Galéria horgonyalapú navigáció elem görgethető képsort készít. A képek egymás alatt jelennek meg, mellettük (vagy alattuk) horgonyos lapozó van, amellyel a látogató az adott képre ugrik. Termékekből, bejegyzéstípus-mezőből vagy kézzel választott képekből dolgozik, megadható hozzá kiemelt videó, és minden részéhez van stílusbeállítás.

  1. Nyisd meg az oldalt vagy a termékoldal-sablont az Elementorban, és húzd be az elemet.
  2. Az Általános szekcióban válaszd ki a forrást. Termékforrásnál add meg a Termék IDt.
  3. A Galéria bekapcsolása kapcsolóval a lightbox és a hozzá tartozó Galéria szekció kapcsolható be (lásd Nagyítás és lightbox).
  4. A Képek részen állítsd be a képméretet és a bélyegképek méretét.
  5. A navigáció részen megadhatod a navigáció típusát (pontok vagy bélyegképek) és helyét: a képek előtt vagy után, a lapozó igazítását és helyzetét.
  6. Ha a termékhez videót adtál, a Videó szekcióban a megjelenítését is beállíthatod (Videó).
  7. A Stílus fülön formázd az elemet, és mentsd az oldalt.
https://minta-bolt.hu/galeria-horgony/
Galéria horgonyalapú navigációval: egymás alatti képek és oldalt pontok

A képen a képek egymás alatt görgethetők, bal oldalon pontok jelzik az egyes képeket.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások