Kako dodati Scheditov rezervacijski gradnik v Joomla
Schedito lahko dodate v Joomla brez posebne rezervacijske razširitve. Skupni slog in JavaScript naložite enkrat prek frontend sloja spletnega mesta, DIV posameznega koledarja pa postavite tam, kjer želite omogočiti rezervacije.
Za sam prikaz koledarja Joomla modul Custom ponuja praktično rešitev za administratorja. Skupne frontend datoteke pa naj ločeno upravlja aktivna predloga ali Joomla Web Asset Manager.
Preden odprete Joomla
Nastavljen Scheditov koledar
Nastavite storitve, vire in razpoložljivost, ki jih želite ponuditi strankam.
Administratorski dostop do Joomla
Potrebujete možnost ustvarjanja Site Module ter dostop do predloge ali nastavitev frontend datotek za skupne Scheditove elemente.
Trije Scheditovi elementi
V Scheditu odprite kodo gradnika in pripravite CSS povezavo, JavaScript skripto in DIV posameznega koledarja.
1. Ločite tri elemente integracije
Scheditova nadzorna plošča ponuja tri frontend elemente:
CSS povezava — zagotavlja slog gradnika.
JavaScript skripta — inicializira in upravlja gradnike.
DIV gradnika — določa organizacijo, javni koledar in mesto prikaza.
V Joomla prva dva sodita na nivo predloge oziroma frontend datotek. DIV posameznega koledarja pa sodi na mesto, kjer naj stranka vidi rezervacije.
CSS povezava — enkrat
JavaScript — enkrat
DIV posameznega koledarja
2. Scheditov CSS in JavaScript naložite samo enkrat
Vse Joomla predloge nimajo enakega vmesnika za lastno kodo, zato ne obstaja en sam administratorski postopek, ki bi veljal za vsako spletno mesto.
Če aktivna predloga ali njen framework omogoča globalno Head, CSS ali JavaScript kodo, uporabite te nastavitve ter dodajte aktualno CSS povezavo in JavaScript skripto iz Schedita.
Pri Joomla-native razvijalski integraciji uporabite Web Asset Manager prek child template ali manjše razširitve spletnega mesta.
Ne glede na način skupne datoteke naložite samo enkrat in jih ne podvajajte v vsakem rezervacijskem modulu.
Izberite način glede na spletno mesto
Predloga podpira lastno kodo
Uporabite globalne Head / JavaScript nastavitve.
Prilagojeno ali profesionalno vzdrževano Joomla spletno mesto
Datoteke registrirajte prek Joomla Web Asset Managerja.
Izogibajte se
Spreminjanju Joomla core datotek in kopiranju CSS/JS v vsak modul.
Za razvijalce: uporabite Joomla Web Asset Manager
Sodobna Joomla vključuje Web Asset Manager za upravljano registracijo in nalaganje CSS in JavaScript datotek, skupaj z odvisnostmi, atributi in pravilnim vključevanjem v dokument.
Razvijalec lahko URL slogovne datoteke in skripte iz Scheditove nadzorne plošče registrira prek child template ali manjše razširitve in ju omogoči na potrebnih frontend straneh.
To je boljša rešitev kot spreminjanje Joomla core datotek. Če uporabljate komercialni template framework z uradno možnostjo za custom code, lahko uporabite njegov podprt mehanizem.
3. Koledar dodajte prek Joomla modula Custom
Odprite System → Site Modules, ustvarite nov modul in izberite tip Custom.
Iz Scheditove nadzorne plošče kopirajte samo DIV posameznega koledarja in ga vstavite v vsebino modula.
DIV vsebuje vrednosti, kot sta data-organization-id in data-calendar-public-id. Uporabite vrednosti koledarja, ki ga želite prikazati.
Modulu določite uporaben notranji naslov, po potrebi skrijte vidni naslov ter izberite pozicijo predloge.
4. Izberite pozicijo modula in strani
Joomla module prikaže na pozicijah, ki jih določa aktivna predloga. Izberite pozicijo, ki rezervacijskemu vmesniku zagotavlja dovolj prostora.
Z nastavitvijo Menu Assignment določite, kje naj bo modul prikazan: na vseh straneh, izbranih menijskih postavkah ali posebni rezervacijski strani.
Če je pozicija preozka, uporabite širšo pozicijo ali prilagodite layout namesto stiskanja koledarja v sidebar.
Primer
Scheditov DIV koledarja
Glavna vsebina / dovolj široka pozicija
Rezervacijska stran
Preverite, da Joomla urejevalnik ohrani kodo gradnika
Modul Custom uporablja nastavljeni Joomla urejevalnik vsebine. Glede na njegove nastavitve lahko urejevalnik ob shranjevanju spremeni ali odstrani dele lastnega HTML-ja.
Po shranjevanju ponovno odprite HTML oziroma source pogled in preverite, ali so Scheditov class in atributi data-* še vedno prisotni.
Če urejevalnik spreminja kodo, uporabite njegov source način ali ustrezen No Editor postopek.
Uporaba več Scheditovih koledarjev v Joomla
Skupni Scheditov CSS in JavaScript ohranite naložen samo enkrat prek spletnega mesta oziroma predloge.
Za vsak koledar oziroma rezervacijsko mesto ustvarite ločen modul Custom in v njem uporabite pravilen DIV koledarja.
Joomla pozicije modulov in Menu Assignment nato določijo, kateri koledar se prikaže na posameznih straneh.
Skupno — enkrat
Scheditov JavaScript
Ločeni moduli
Modul B → DIV koledarja B
Modul C → DIV koledarja C
5. Objavite in preizkusite celoten rezervacijski postopek
Preverite ne le modula, ampak tudi nalaganje datotek, razpoložljivost in dejansko rezervacijo iz Joomla frontenda.
Odprite javno stran
Preizkusite dejanski Joomla frontend in preverite, ali slog, JavaScript in modul koledarja ustvarijo delujoč rezervacijski vmesnik.
Opravite rezervacijo
Izberite storitev, datum in termin ter opravite pravo testno rezervacijo. Rezultat preverite v Scheditu.
Preverite odzivni prikaz
Preverite pozicijo modula na desktopu in mobilnih napravah ter ali aktivna Joomla predloga gradniku zagotavlja dovolj širine.
Odpravljanje težav z Joomla rezervacijskim gradnikom
Ločeno preverite vse tri dele. Potrdite, da sta Scheditov CSS in JavaScript naložena na javni strani in da modul še vedno vsebuje pravilen DIV.
Nato v razvijalskih orodjih preverite neuspele zahteve in JavaScript napake.
Nastavljeni urejevalnik lahko prepisuje ali filtrira HTML. Modul odprite v source načinu in primerjajte shranjeno kodo z DIV-om iz Schedita.
Po potrebi uporabite No Editor.
Preverite, ali je objavljen, uporablja veljavno pozicijo aktivne predloge in je dodeljen pravilni menijski postavki.
Pri večjezičnih spletnih mestih preverite tudi jezik in nivo dostopa.
Joomla integracija verjetno deluje. V Scheditu preverite storitev, potrebne vire, razpoložljivost, izjeme, rezervacije, kapaciteto in povezane zunanje koledarje.
Preverite aktivno predlogo, template framework ter morebitne custom module ali razširitve za frontend kodo. Ohranite samo eno globalno vključitev.
Preverite pozicijo modula in layout predloge. Sidebar, fiksne širine, grid stolpci, padding in overflow lahko omejijo gradnik.
Joomla naj skrbi za vsebino, Schedito pa za rezervacije
Ko integracija deluje, storitve, vire, razpoložljivost, kapaciteto, sinhronizacijo koledarjev in videz še naprej upravljajte v Scheditu.
Začnite brezplačnoJoomla pregled
Vsi Scheditovi vodniki · Prilagajanje gradnika · Sinhronizacija z Google Koledarjem