Nyitvatartás + térkép blokk – Nyitvatartás és térkép
Nyitvatartás + térkép blokk választható változat.
Nyitvatartás + térkép blokk – Nyitvatartás és térkép
Telephelyeket, napokra bontott nyitvatartást, opcionális telephelyképet, kattintásra aktiválódó térképet, címet, telefonos és e-mailes elérhetőségeket kezel.
Mire érdemes használni?
Egy vagy több fizikai helyszín és azok nyitvatartásának részletes bemutatására.
Blokk működése
Blokk beállításai
Ezek a beállítások minden blokk szerkezeti és navigációs működését egységesen vezérlik.
- Megjelenési változat: meghatározza a blokk elrendezését és az elérhető tartalmi mezőket. Változatváltás után ellenőrizd az előnézetet.
- Dobozos háttér megjelenítése: alapból bekapcsolt V1 megjelenési kapcsoló. Kikapcsolva az adott blokk dobozos kerete, lekerekítése, árnyéka és belső alap surface-e tűnik el. Ez nem kapcsolja ki az „Egyedi háttér” színét: a teljes blokkszakasz külön háttérrel doboz nélkül is használható. A tartalom, a gombok, az űrlapmezők, valamint a Blog- és árkártyák funkcionális belső elemei megmaradnak.
- Egyedi háttér: a blokk saját színe elsőbbséget élvez az aktív globális egyedi Halvány háttérrel szemben; ezek hiányában a színtéma és a vizuális stílus alapja érvényesül. Egyedi szín használatakor a szakasz alapgradiense eltűnik dobozzal és doboz nélkül is. A háttérképek, videók, olvashatósági fedőrétegek és a külön Dekoráció megmaradnak. A publikus oldal és az előnézet azonos színelsőbbséget követ. Egyedi színnél az adott blokk teljes szakasza külön hátteret kap, függetlenül attól, hogy a Dobozos háttér kapcsoló be vagy ki van kapcsolva. A felülírás a profil által külön festett section/surface rétegeket is kezeli, például a Local Premium kapcsolat-űrlap sötét kártyáját. A szakasz automatikus szövegszíne a háttér kontrasztjához igazodik a publikus oldalon, az új blokk és a mentett blokk előnézetében is. A kézzel választott szövegszínek megmaradnak; a belső kártyák és médiafeliratok saját felületükhöz tartoznak. A Dark Mode ettől külön, legfelső vizuális rétegként működik.
- Formázott leírások: a standard szerkesztőben a kijelölt szöveg betűtípusa, mérete és színe külön állítható, akár több bekezdésben is. Az igazítások között sorkizárás is választható. Az egyedi formázás elsőbbséget kap a globális tipográfiával szemben.
- Szerkesztő ürítése: megerősítés után csak az adott mező tartalmát és formázását törli; a Visszavonás visszaállítja. A feltöltött fájlokat nem törli.
- Táblázatháttér: Alapértelmezett, Egyedi szín vagy Átlátszó. Az átlátszóság a mobil kártyákra is érvényes; a keret külön kapcsolható. Meglévő táblázatnál kattints egy cellába, majd a Táblázat gombra.
- Dekoráció: az egyedi vagy globális blokkháttértől és a Dobozos háttér kapcsolótól független réteg. Ha a dekoráció globálisan vagy az adott blokknál aktív, a fő <code>::before</code> dekoráció Egyedi háttérrel és doboz nélküli megjelenéssel is megmarad. A Sablon, vizuális stílus, színtéma és betűtípus panelen globálisan kapcsolható, és itt globális dekorációtípus, bal/jobb oldali alaphely, valamint Egyedi kép esetén saját logó/ikon is választható. Bekapcsolva a legtöbb nem-Hero blokk Megjelenés csoportjában külön felülírható az Alapértelmezett, Nincs dekoráció, az öt vizuális profilhoz igazított dekoráció vagy az Egyedi kép. A kiválasztott profil egy fő háttérdekorációként jelenik meg, nem ad külön másodlagos after díszítést. Egyedi képhez SVG, áttetsző PNG vagy WEBP logó/ikon ajánlott; fotók és részletgazdag képek dekorációként kevésbé mutatnak jól.
- Aktív blokk: kikapcsolva a blokk nem jelenik meg a nyilvános oldalon, de a beállításai megmaradnak és később visszakapcsolható.
- Megjelenés a menüben: a „Menüben jelvény” a blokk saját szakaszához görgető normál menüpontot ad. A „Menü csak mobilon” ettől függetlenül is bekapcsolható: a menüpont neve mező feliratát használja, desktopon nem látszik, és külön mobil cél slugot is kaphat.
- Menünév és mobil menüikon: a menüben látható felirat és a mobilnézetben használható ikon. A menünév legyen rövid és egyértelmű.
- Kiemelt menüpont: ahol elérhető, külön vizuális hangsúlyt ad a főmenüben az adott blokk linkjének.
- Főmenü és almenük: a menüben lévő aktív blokkokból opcionálisan főmenü/almenü kapcsolat építhető. Ha nincs ilyen kapcsolat, a régi egyszerű, egyszintű menü változatlan marad.
- Mobilos menütérkép: mobilon a főmenük és almenük egy közös hierarchikus nézetben láthatók. A Főmenüvé és Almenüvé műveletek külön gombot kaptak; almenü csak a főmenü kiválasztása után menthető, sorrendje fel/le gombbal módosítható, és másik főmenü alá is áthelyezhető.
- Sorrend: az Elhelyezett blokkok listában látható szám mutatja a tényleges oldalbeli pozíciót. Bezárt állapotban a fogantyúval átrendezhető; az új sorrend automatikusan mentődik.
- Menüsorrend: ha több blokk megjelenik a menüben, azok menüpozícióját is az oldalon beállított blokksorrend határozza meg. A Menüstruktúra panel bal oldali „Menüben lévő blokkok” listája a tényleges menü- és oldalsorrendet mutatja: ha itt sorrendezel, a menüpont helye és a blokk oldalbeli pozíciója is változik. Ugyanez fordítva is igaz: az Elhelyezett blokkoknál rendezett menüben lévő blokk a főmenü/almenü panelen is frissül. Normál menüpont innen húzható főmenünek vagy egy meglévő főmenü alá almenünek. A középső Főmenük oszlopban a főmenük kiválaszthatók, de a főmenük sorrendjét a bal oldali Menüben lévő blokkok lista és az Elhelyezett blokkok tényleges oldalsorrendje határozza meg. Már főmenü/almenü szerepű elemet előbb vissza kell állítani az X ikonnal; az almenük csak a lenyílóban jelennek meg.
- Duplikálás és törlés: a blokk másolható, ha a változat darabszámkorlátja engedi; törléskor a blokk és a hozzá tartozó mentett tartalom eltávolításra kerül.
Tartalmi mezők
Tartalom szerkesztése
Az alábbi funkciók a kiválasztott változat tényleges, jelenlegi mezősémájából származnak.
A változat fő funkciói
- Beágyazott térkép vagy feltöltött térképkép, cím és helyszínadatok kezelése; külső térkép iframe csak látogatói kattintás után töltődik be.
- Ismételhető telephelyek, opcionális telephelyképpel és napokra bontott nyitvatartásokkal.
- Telefon, e-mail, útvonal és egyéb hivatkozások, valamint kapcsolódó ikonok.
- Kapcsolható térkép vagy feltöltött térképkép és útvonal; a külső iframe csak kattintásra töltődik.
- Ismételhető telephelyek, opcionális képpel és nyitvatartásokkal.
- Telefon, e-mail, cím és kapcsolódó ikonok.
- Részletes helyszínszövegek.
Megjelenés
Elrendezés és megjelenés
A blokk elrendezése, igazítása és vizuális működése.
- Dobozos háttér megjelenítéseBe- és kikapcsolható funkció. Alapból bekapcsolt. Kikapcsolva a blokk dobozos kerete, lekerekítése, árnyéka és a belső alap surface eltűnik, így nyitottabb megjelenést kap. Az Egyedi háttér ettől független: ha ott színt adsz meg, az a teljes blokk szakaszának háttereként doboz nélkül is megmarad. A tartalom, a gombok, az űrlapmezők, valamint a funkcionális Blog- és árkártyák működése nem változik.
- Egyedi háttérEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Üresen az aktív globális egyedi Halvány háttér, ennek hiányában a színtéma és a vizuális stílus alapja érvényesül. Egyedi színnél csak ez a blokk kap egyszínű, gradiens nélküli hátteret. A háttérképek, videók és a külön Dekoráció megmaradnak. A Dobozos háttér kapcsolótól független: kikapcsolt dobozos megjelenés mellett is használható teljes szakaszháttérként. Sötét vagy világos egyedi háttérnél ellenőrizd a blokk szövegszíneinek kontrasztját is.
- Dekoráció típusaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk megtartja a jelenlegi vizuális stílushoz tartozó dekorációját. A Nincs dekoráció csak ennél a blokknál kapcsolja ki a dekorációt; a profil-dekorációk a kiválasztott karaktert használják.
- Dekoráció helyeElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk a globális dekorációhelyet követi. Egyedi választással balra vagy jobbra tehető a fő dekoráció. Mobilon a dekoráció kisebb és kevésbé hangsúlyos.
- Dekorációs képKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Egyedi kép dekorációhoz. Legjobb eredményt SVG, áttetsző PNG vagy WEBP logó/ikon ad. A fájl legfeljebb 1 MB és 1200 × 1200 px lehet.
- Egyedi kép megjelenítéseElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális egyedi dekoráció módját követi. A Lágy háttérelem halványabb, dekoratívabb megjelenést ad.
- Egyedi kép átlátszóságaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális átlátszóságot követi. Logókhoz általában a 10–20% közötti érték ad finom háttérhatást.
- Egyedi kép méreteElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális méretet követi.
- Egyedi kép forgatásaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális forgatást követi. A kisebb döntés dekoratívabb, de nem zavaró hatást ad.
Szövegek
Szövegek és leírások
Címek, leírások, feliratok és egyéb szöveges tartalmak.
- CímRövid szöveg vagy felirat.
- LeírásTeljes, Tiptap-alapú formázott tartalom címsorral, kiemeléssel, listával, idézettel, igazítással, betűvastagsággal, szövegszínnel és linkkel. Teljes formázott szövegszerkesztő: címsorok, félkövér/dőlt/aláhúzott szöveg, listák, idézet, igazítás, betűvastagság, szövegszín és link.
Helyszín
Helyszín
Cím, telefonszám, e-mail és rövid helyszínleírás.
- FeliratRövid szöveg vagy felirat. Opcionális: üresen hagyva a felirat nem jelenik meg. Ha a felirat, a cím és a leírás is üres, a teljes térképes információs csempe nem jelenik meg a frontoldalon.
- CímRövid szöveg vagy felirat. Opcionális: üresen hagyva a cím nem jelenik meg. Ha a felirat, a cím és a leírás is üres, a teljes térképes információs csempe nem jelenik meg a frontoldalon.
- LeírásTöbbsoros szövegmező. Opcionális: üresen hagyva a leírás nem jelenik meg. Ha a felirat, a cím és a leírás is üres, a teljes térképes információs csempe nem jelenik meg a frontoldalon.
Térkép és helyszín
Térkép és helyszín
Térkép megjelenítése, Google Maps embed kód vagy feltöltött helyszínkép.
- Térkép megjelenítéseBe- és kikapcsolható funkció. Alapból be van kapcsolva. Kikapcsolva sem a beágyazott térkép, sem a feltöltött térképkép nem jelenik meg a frontoldalon.
- Térképkép / helyszínképKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Opcionális: ha képet töltesz fel, a beágyazott térkép helyett ez jelenik meg. Üresen hagyva a térkép beágyazási URL jelenik meg, ha a térkép megjelenítése be van kapcsolva. A külső térkép iframe csak látogatói kattintás után töltődik be. A kép törölhető, új képpel lecserélhető, vagy visszaállítható az alapképre. Feltöltéskor a rendszer automatikusan reszponzív WEBP és – szervertámogatás esetén – AVIF változatokat készít.
- Térképkép alt szövegeRövid szöveg vagy felirat. A feltöltött térképkép akadálymentes leírása. Üresen hagyva a helyszín címe vagy egy alapértelmezett szöveg kerül használatra.
- Térkép beágyazási URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Google Maps vagy más beágyazható térkép URL / iframe src érték. Ha térképképet töltesz fel, a kép jelenik meg a térkép helyett. Ha a térkép megjelenítése ki van kapcsolva, egyik sem jelenik meg a frontoldalon. A beágyazott iframe fókuszra vagy görgetésre nem aktiválódik, csak a látogató térképbetöltő kattintására.
- Térkép címRövid szöveg vagy felirat. A beágyazott térkép iframe akadálymentes címe. Üresen hagyva a helyszín címe alapján készül alapértelmezett cím.
- Hivatkozás URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Használható #blokk-azonosító, /belső-url, https://, mailto: vagy tel: érték.
- FeliratRövid szöveg vagy felirat. Opcionális: üresen hagyva az útvonaltervezés gomb nem jelenik meg a térképes információs csempében.
Ikonok
Ikonok
A blokkban megjelenő ikonok kiválasztása és beállítása.
- Ikon classBootstrap ikon választása az ikonválasztóból vagy class megadásával. Bootstrap Icons class, például: bi bi-star-fill Bootstrap Icons class kézzel is megadható, vagy kiválasztható az ikonválasztóból.2 hasonló mező
Bővíthető elemek
Ismételhető tartalmi elemek
Az elemek hozzáadhatók, törölhetők és a fogantyúval átrendezhetők. A sorrend a nyilvános oldalon is érvényesül.
Ismételhető elem
Telephelyek és nyitvatartások
Minden tartalmi elem egy külön üzlet vagy telephely. A három nyitvatartási sor az elemen belül módosítható.
minimum 1 elem, maximum 20 elem.
Egy „Telephely” szerkeszthető adatai
- Telephely ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- Állapot ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- Mai állapotRövid szöveg vagy felirat. Opcionális: üresen hagyva az állapotjelző nem jelenik meg a frontoldalon.
- Zárt stílusBe- és kikapcsolható funkció.
- Telephely neveRövid szöveg vagy felirat.
- Rövid leírásTöbbsoros szövegmező. Opcionális: üresen hagyva a rövid leírás nem jelenik meg.
- Telephely képKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Opcionális: a rövid leírás alatt jelenik meg. Üresen hagyva nem jelenik meg kép a telephely csempén.
- Telephely kép alt szövegeRövid szöveg vagy felirat. Opcionális akadálymentes képleírás. Üresen hagyva a telephely neve kerül használatra.
- 1. nap / időszakRövid szöveg vagy felirat. Opcionális: ha az adott nap/időszak és a hozzá tartozó nyitvatartás is üres, a sor nem jelenik meg.
- 1. nyitvatartásRövid szöveg vagy felirat. Opcionális: ha az adott nap/időszak és a hozzá tartozó nyitvatartás is üres, a sor nem jelenik meg.
- 2. nap / időszakRövid szöveg vagy felirat. Opcionális: ha az adott nap/időszak és a hozzá tartozó nyitvatartás is üres, a sor nem jelenik meg.
- 2. nyitvatartásRövid szöveg vagy felirat. Opcionális: ha az adott nap/időszak és a hozzá tartozó nyitvatartás is üres, a sor nem jelenik meg.
- 3. nap / időszakRövid szöveg vagy felirat. Opcionális: ha az adott nap/időszak és a hozzá tartozó nyitvatartás is üres, a sor nem jelenik meg.
- 3. nyitvatartásRövid szöveg vagy felirat. Opcionális: ha az adott nap/időszak és a hozzá tartozó nyitvatartás is üres, a sor nem jelenik meg.
- Megjegyzés ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- MegjegyzésTöbbsoros szövegmező. Opcionális: üresen hagyva a megjegyzés nem jelenik meg.
- Telefon ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- TelefonszámRövid szöveg vagy felirat. Opcionális: üresen hagyva a telefonszám sor nem jelenik meg.
- Telefon hivatkozásBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás.
- Email ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- Email címRövid szöveg vagy felirat. Opcionális: üresen hagyva az email sor nem jelenik meg.
- Email hivatkozásBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás.
- Cím ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- CímRövid szöveg vagy felirat. Opcionális: üresen hagyva a cím sor nem jelenik meg.
- Mai állapot színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Telephely neve színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Rövid leírás színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- 1. nap / időszak színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- 1. nyitvatartás színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- 2. nap / időszak színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- 2. nyitvatartás színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- 3. nap / időszak színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- 3. nyitvatartás színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Megjegyzés színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Telefonszám színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Email cím színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Cím színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
Mozgás és megjelenés
Animáció
A blokk belépési animációja külön kapcsolható. Az első két aktív helyen választható LCP-védelem csak a frontend futást függeszti fel, az adminban elmentett animációt, effektet és sebességet nem törli. A blokk harmadik vagy későbbi helyre mozgatva automatikusan újra animálódik. A rendszer kompozit tulajdonságokra épülő effektet használ, és tiszteletben tartja a csökkentett mozgás beállítást.
- Kapcsold be vagy ki az animációt az adott blokknál. A fejléc badge-e már összecsukott állapotban is mutatja az animáció állapotát.
- Válaszd ki az effektet, a sebességet, a késleltetést és – ahol elérhető – az elemek lépcsőzetes sorrendjét.
- Az első két aktív blokknál az LCP-védelem az ajánlott állapot. Sorrendváltáskor a rendszer Igen / Nem kérdéssel felajánlja, de az első két blokk Animáció részében később manuálisan is be- vagy kikapcsolható. Az animáció adminbeállítása minden esetben megmarad; harmadik vagy későbbi helyen automatikusan újra működik, és az „Animáció aktív” badge jelenik meg.
- A rendszer nem tiltja globálisan a hover/transition effekteket: csak az LCP-védett első két blokk belépő animációja szünetel a gyorsabb első renderelés miatt.
- Az animáció nem változtatja meg a blokk tartalmát vagy sorrendjét, csak a megjelenés módját.
Használati javaslatok
- A nyitvatartási adatok minden változásakor ezt a blokkot is azonnal frissítsd.
- Telephelyképnél használj valós, bizalomépítő fotót vagy külső helyszínképet.
- Éles oldalon kattintással is ellenőrizd, hogy a beágyazott térkép megfelelően betölt.
- Minden telephelynél ellenőrizd a címet, telefonszámot és nyitvatartást.
- A térképlinket és az interaktív térkép betöltése gombot éles oldalon is próbáld ki.
- Rendkívüli nyitvatartást külön, egyértelmű szövegben jelezz.
- Ha a blokk belépési animációja be van kapcsolva, mobilon a rendszer minden effektet pozícióváltozás nélküli finom áttűnésként jelenít meg; a kiválasztott irány/zoom effekt desktopon marad aktív.