Cómo añadir el Widget de reservas de Schedito para Joomla
Schedito puede añadirse a Joomla sin una extensión específica de reservas. Carga una sola vez la hoja de estilos y el JavaScript compartidos de Schedito mediante la capa de recursos frontend del sitio y coloca después el DIV del widget específico del calendario donde deberían poder reservar los clientes.
Para la propia ubicación de reservas, el módulo Custom del núcleo de Joomla ofrece una solución práctica y cómoda para administradores. Los recursos frontend compartidos normalmente deben gestionarse por separado mediante la plantilla activa o el Web Asset Manager de Joomla.
Antes de abrir Joomla
Un calendario de Schedito configurado
Configura los servicios, recursos y la disponibilidad que deberían poder reservar los clientes antes de publicar el widget.
Acceso de administrador a Joomla
Necesitas permiso para crear un módulo del sitio y acceso a la configuración de la plantilla o de los recursos frontend del sitio para los archivos compartidos de Schedito.
Los tres elementos de Schedito
Abre el código del widget en Schedito y prepara para copiar el enlace CSS, el script JavaScript y el DIV específico del calendario.
1. Mantén separados los tres elementos de integración
El panel de Schedito proporciona tres fragmentos de código frontend:
Enlace CSS — proporciona los estilos del widget de reservas.
Script JavaScript — inicializa y ejecuta los widgets de Schedito.
DIV del widget — identifica la organización y el calendario público de reservas y define dónde debe aparecer el calendario.
En Joomla, los dos primeros pertenecen al nivel de recursos del sitio o de la plantilla. El DIV específico del calendario pertenece a la posición frontend donde los clientes deben ver la interfaz de reservas.
Enlace CSS — una vez
JavaScript — una vez
DIV del widget específico del calendario
2. Carga Schedito CSS y JavaScript de Schedito
No todas las plantillas de Joomla muestran la misma interfaz de código personalizado, por lo que no existe una única ruta de menú de administración válida para todos los sitios Joomla.
Si tu plantilla activa o framework de plantillas ofrece campos para código personalizado Head, CSS o JavaScript, utiliza esos ajustes a nivel del sitio y añade el enlace CSS y el script JavaScript actuales que muestra Schedito.
Para una integración nativa de Joomla realizada por desarrolladores, utiliza el Web Asset Manager desde una plantilla hija o una pequeña extensión del sitio para registrar y habilitar la hoja de estilos y el script de Schedito.
Sea cual sea el método que utilice tu sitio, carga los recursos compartidos una sola vez. No pongas otra copia en cada módulo de reservas.
Elige la opción que corresponda a tu sitio
La plantilla admite código personalizado
Utiliza sus ajustes a nivel del sitio para Head / JavaScript.
Sitio Joomla personalizado o mantenido profesionalmente
Registra los recursos mediante Joomla Web Asset Manager.
Evita
editar archivos del núcleo de Joomla o copiar CSS y JavaScript en cada módulo de reservas.
Para desarrolladores: utiliza el Web Asset Manager
Joomla moderno proporciona Web Asset Manager específicamente para registrar y cargar CSS y JavaScript de forma gestionada. Puede controlar el registro de recursos, dependencias, atributos y renderizado a través del documento.
Un desarrollador puede registrar la URL de la hoja de estilos y la URL del script que aparecen en el panel actual de Schedito mediante la plantilla hija del sitio o una pequeña extensión, y habilitarlas en las páginas frontend necesarias.
Esto es preferible a modificar archivos del núcleo de Joomla. Si tu sitio utiliza un framework comercial de plantillas con su propia interfaz de código personalizado compatible, también puede utilizarse ese mecanismo.
3. Añade el calendario mediante un Módulo Custom de Joomla
Abre Sistema → Módulos del sitio, crea un nuevo módulo y selecciona el tipo de módulo Custom .
Desde el panel de Schedito, copia únicamente el DIV del widget específico del calendario y colócalo en el contenido del módulo.
El DIV contiene valores como data-organization-id y la data-calendar-public-id. Utiliza los valores exactos generados para el calendario que quieras mostrar.
Asigna al módulo un título interno útil, oculta el título visible si corresponde y elige después la posición de la plantilla donde deben aparecer las reservas.
4. Elige la posición del módulo y las páginas
Los módulos de Joomla se renderizan mediante posiciones proporcionadas por la plantilla activa del sitio. Selecciona una posición que coloque la interfaz de reservas donde corresponda dentro de tu diseño.
Utiliza los ajustes de Asignación de menú para decidir dónde debe aparecer. Puedes mostrarlo en todas las páginas, solo en elementos de menú seleccionados o en una página específica de reservas, según la estructura de tu Joomla.
Si la posición es demasiado estrecha para una interfaz de reservas, utiliza otra posición de la plantilla o ajusta el diseño de la página en lugar de forzar el calendario dentro de un contenedor del tamaño de una barra lateral.
Ejemplo
DIV de calendario de Schedito
Contenido principal / posición adecuada de ancho completo
Página Reservar ahora
Asegúrate de que el editor de Joomla conserve el marcado del widget
El módulo Custom de Joomla utiliza el editor de contenido configurado. Según sus ajustes, el editor puede modificar o eliminar partes del marcado personalizado al guardar el módulo.
Después de guardar, vuelve a abrir la vista HTML/código fuente del módulo y confirma que los atributos de Schedito class y la data-* sigan presentes.
Si el editor cambia el marcado, utiliza su modo de código fuente o un flujo adecuado sin editor al insertar el widget. No pegues repetidamente marcado alterado sin comprobar qué ha guardado Joomla.
Uso de varios calendarios de Schedito en Joomla
Mantén una sola vez la hoja de estilos y el JavaScript compartidos de Schedito cargados mediante la capa de recursos del sitio o de la plantilla.
Crea un módulo Custom separado para cada calendario o ubicación de reservas, utilizando en cada módulo el DIV correcto específico del calendario.
Las posiciones de módulo y la Asignación de menú de Joomla te permiten decidir después qué calendario aparece en cada página sin duplicar los recursos frontend compartidos.
Compartido una sola vez
JavaScript de Schedito
Módulos separados
Módulo B → DIV del calendario B
Módulo C → DIV del calendario C
5. Publica y prueba todo el flujo de reserva
Comprueba algo más que la posición del módulo: verifica la carga de recursos, la disponibilidad y una reserva real desde el frontend de Joomla.
Abre la página pública
Prueba el frontend real de Joomla y confirma que la hoja de estilos, el JavaScript y el módulo del calendario se combinan en una interfaz de reservas funcional.
Completa una reserva
Selecciona un servicio, una fecha y una hora y completa una reserva de prueba real. Verifica la reserva resultante en Schedito.
Comprueba el diseño adaptable
Comprueba la posición del módulo en escritorio y móvil y asegúrate de que la plantilla activa de Joomla proporcione al widget suficiente anchura útil.
Widget de reservas para Joomla solución de problemas
Comprueba por separado las tres partes de la integración. Verifica que la hoja de estilos y el JavaScript compartidos de Schedito se carguen en la página pública y que el módulo siga conteniendo el DIV correcto del calendario.
Después consulta las herramientas de desarrollo del navegador para detectar solicitudes de recursos o API fallidas y errores de JavaScript.
El editor configurado puede estar saneando o reescribiendo el marcado. Abre el módulo en modo de código fuente y compara el HTML guardado con el DIV proporcionado por Schedito.
Si es necesario, utiliza un flujo adecuado sin editor al insertar el marcado.
Comprueba que el módulo esté publicado, utilice una posición válida de la plantilla activa y esté asignado al elemento de menú correcto.
Comprueba también el nivel de acceso y la asignación de idioma si el sitio Joomla utiliza contenido multilingüe o restringido.
Probablemente la integración con Joomla funciona. Comprueba Schedito: servicio, recursos necesarios, disponibilidad recurrente, excepciones para fechas concretas, reservas existentes, capacidad y calendarios externos conectados.
Comprueba la plantilla activa, el framework de la plantilla y cualquier módulo personalizado o extensión utilizados para el código frontend. Mantén una sola integración a nivel del sitio y elimina las inclusiones duplicadas de recursos.
Comprueba la posición del módulo y el diseño de la plantilla que lo rodea. Las posiciones de barra lateral, los módulos de ancho fijo, las columnas de cuadrícula, el relleno y las reglas de overflow pueden restringir el widget incluso cuando Schedito es adaptable.
Mantén Joomla centrado en el contenido y Schedito en las reservas
Cuando la integración funcione, sigue gestionando en Schedito los servicios, recursos, disponibilidad, capacidad, sincronización de calendarios y estilo del widget.
Empezar gratisResumen de reservas en Joomla
Explorar todas las guías de Schedito · Personalización del widget · Sincronización con Google Calendar