Come aggiungere il widget di prenotazione Schedito a Joomla
Schedito può essere aggiunto a Joomla senza un'estensione di prenotazione dedicata. Carica foglio di stile e JavaScript condivisi una sola volta attraverso il livello frontend del sito, quindi inserisci il DIV specifico del calendario nel punto in cui i clienti devono poter prenotare.
Per posizionare il calendario, il modulo Custom di Joomla offre una soluzione pratica per l'amministratore. Le risorse frontend condivise vanno invece gestite separatamente dal template o tramite il Web Asset Manager di Joomla.
Prima di aprire Joomla
Un calendario Schedito configurato
Configura servizi, risorse e disponibilità che i clienti devono poter prenotare.
Accesso amministrativo a Joomla
Devi poter creare un modulo del sito e accedere alla configurazione del template o delle risorse frontend per i file condivisi Schedito.
I tre elementi Schedito
Apri il codice widget in Schedito e prepara link CSS, script JavaScript e DIV specifico del calendario.
1. Mantieni separati i tre elementi dell'integrazione
Il pannello Schedito fornisce tre elementi frontend:
Link CSS — fornisce lo stile del widget.
Script JavaScript — inizializza e gestisce i widget.
DIV del widget — identifica organizzazione e calendario pubblico e definisce il punto in cui deve apparire.
In Joomla i primi due appartengono al livello delle risorse del sito o del template. Il DIV specifico appartiene alla posizione frontend in cui il cliente deve vedere la prenotazione.
Link CSS — una volta
JavaScript — una volta
DIV specifico del calendario
2. Carica CSS e JavaScript Schedito una sola volta
I template Joomla non espongono tutti la stessa interfaccia per il codice personalizzato, quindi non esiste un unico percorso amministrativo valido per ogni sito.
Se il template o il framework del template dispone di campi per codice Head, CSS o JavaScript personalizzato, utilizza queste impostazioni a livello di sito e inserisci link CSS e script JavaScript attuali mostrati da Schedito.
Per un'integrazione Joomla nativa gestita da uno sviluppatore, utilizza il Web Asset Manager tramite un child template o una piccola estensione del sito.
In entrambi i casi carica le risorse condivise una sola volta e non copiarle in ogni modulo di prenotazione.
Scegli il percorso adatto al sito
Il template supporta codice personalizzato
Utilizza le sue impostazioni globali Head / JavaScript.
Sito Joomla personalizzato o gestito da sviluppatori
Registra le risorse tramite Joomla Web Asset Manager.
Evita
Modifiche ai file core Joomla o duplicazione di CSS e JavaScript in ogni modulo.
Per sviluppatori: utilizza il Web Asset Manager di Joomla
Joomla moderno include Web Asset Manager proprio per registrare e caricare CSS e JavaScript in modo gestito, comprese dipendenze, attributi e rendering nel documento.
Uno sviluppatore può registrare gli URL del foglio di stile e dello script mostrati dal pannello Schedito tramite il child template del sito o una piccola estensione e abilitarli nelle pagine frontend necessarie.
Questa soluzione è preferibile alla modifica dei file core. Se il sito utilizza un framework template commerciale con un proprio sistema supportato per il custom code, può essere utilizzato quel meccanismo.
3. Aggiungi il calendario tramite un modulo Custom Joomla
Apri Sistema → Moduli del sito, crea un nuovo modulo e seleziona il tipo Custom.
Dal pannello Schedito copia soltanto il DIV specifico del calendario e inseriscilo nel contenuto del modulo.
Il DIV contiene valori come data-organization-id e data-calendar-public-id. Utilizza i valori generati per il calendario che vuoi mostrare.
Assegna al modulo un titolo interno utile, nascondi il titolo visibile se opportuno e scegli la posizione del template in cui deve apparire la prenotazione.
4. Scegli posizione e pagine del modulo
I moduli Joomla vengono mostrati nelle posizioni definite dal template attivo. Scegli una posizione che permetta al widget di avere spazio adeguato.
Utilizza Assegnazione menu per decidere dove deve essere mostrato: tutte le pagine, specifiche voci menu o una pagina Prenota dedicata.
Se una posizione è troppo stretta, utilizza una posizione più ampia o modifica il layout invece di comprimere il calendario in una sidebar.
Esempio
DIV calendario Schedito
Contenuto principale / posizione ampia
Pagina Prenota
Assicurati che l'editor Joomla mantenga il markup del widget
Il modulo Custom utilizza l'editor dei contenuti configurato in Joomla. In base alle impostazioni, l'editor può modificare o rimuovere parti di markup personalizzato al salvataggio.
Dopo il salvataggio riapri la visualizzazione HTML o sorgente del modulo e verifica che la classe Schedito e gli attributi data-* siano ancora presenti.
Se l'editor modifica il markup, utilizza la modalità sorgente oppure un flusso appropriato con No Editor durante l'inserimento.
Utilizzare più calendari Schedito in Joomla
Mantieni foglio di stile e JavaScript condivisi caricati una sola volta dal livello frontend o template.
Crea un modulo Custom separato per ogni calendario o posizione di prenotazione e utilizza in ciascuno il DIV corretto.
Posizioni modulo e Assegnazione menu permettono poi di decidere quali calendari mostrare nelle diverse pagine.
Condivisi una sola volta
JavaScript Schedito
Moduli separati
Modulo B → DIV calendario B
Modulo C → DIV calendario C
5. Pubblica e prova l'intero processo
Controlla non solo il modulo: verifica il caricamento delle risorse, la disponibilità e una prenotazione reale dal frontend Joomla.
Apri la pagina pubblica
Prova il frontend Joomla reale e verifica che stylesheet, JavaScript e modulo calendario producano un'interfaccia funzionante.
Completa una prenotazione
Scegli servizio, data e orario e completa una vera prenotazione di prova. Controlla il risultato in Schedito.
Controlla il responsive
Controlla la posizione del modulo su desktop e mobile e verifica che il template fornisca al widget larghezza sufficiente.
Risoluzione problemi del widget Joomla
Controlla separatamente i tre elementi. Verifica che CSS e JavaScript Schedito siano caricati nella pagina pubblica e che il modulo contenga ancora il DIV corretto.
Controlla poi gli strumenti sviluppatore per richieste fallite ed errori JavaScript.
L'editor configurato potrebbe riscrivere o filtrare il markup. Apri il modulo in modalità sorgente e confronta l'HTML salvato con quello fornito da Schedito.
Se necessario utilizza un flusso No Editor durante l'inserimento.
Controlla che sia pubblicato, utilizzi una posizione valida del template e sia assegnato alla voce menu corretta.
Controlla anche livello di accesso e lingua nei siti multilingua.
L'integrazione Joomla probabilmente funziona. Controlla Schedito: servizio, risorse richieste, disponibilità ricorrente, eccezioni, prenotazioni, capacità e calendari esterni collegati.
Controlla template, framework del template ed eventuali moduli o estensioni utilizzati per il codice frontend. Mantieni una sola integrazione globale e rimuovi i duplicati.
Controlla posizione modulo e layout del template. Sidebar, colonne, padding e overflow possono limitare il widget anche quando Schedito è responsive.
Joomla si occupa dei contenuti. Schedito delle prenotazioni.
Quando l'integrazione funziona, continua a gestire servizi, risorse, disponibilità, capacità, sincronizzazione calendari e stile in Schedito.
Inizia gratisPanoramica Joomla
Tutte le guide Schedito · Personalizzazione widget · Sincronizzazione Google Calendar