EJM - Easy Joomla Modals

Moderne, barrierefreie und hochflexible Modal-Fenster in Joomla! erstellen!

Easy Joomla Modals Pro ist die erste Joomla! 6 Version einer komplett neuen Modal-Lösung, die von Grund auf mit modernem PHP 8.3, Joomla! 6 MVC-Mustern, Value Objects und einem mit Vite gebauten ES-Modul-Frontend neu entwickelt wurde.

Die Erweiterung besteht aus einer Backend-Komponente zur Verwaltung von Modal-Einträgen und einem System-Plugin, das Regeln auswertet und passende Modals im Frontend einfügt. Dadurch werden Modal-Fenster nur dann geladen, wenn sie tatsächlich zur aktuellen Seite und zum aktuellen Besucher-Kontext passen.

Easy Joomla Modals Pro verbindet Flexibilität, Performance und Barrierefreiheit in einem Paket. Administratoren können Inhalte, Trigger-Verhalten, Zielgruppenregeln, Effekte, Anzeigeoptionen und Unterdrückungslogik für viele praxisnahe Anwendungsfälle definieren, etwa Begrüßungsfenster, Newsletter-Hinweise, Login-Prompts, Ankündigungen, Marketing-Banner oder Medien-Overlays.

Die Modal-Engine basiert auf a11y-dialog – einer schnellen, winzigen (~1,5 kB) und umfassend getesteten Open-Source-Bibliothek, die das Dialog (Modal)-Muster aus dem WAI-ARIA Authoring Practices Guide implementiert. Sie bietet integriertes Fokus-Trapping, Tastaturnavigation, ARIA-Rollenverwaltung sowie Unterstützung für Alert-Dialoge. Da die Bibliothek vollständig stilneutral ist, behält EJM die volle Kontrolle über Erscheinungsbild und Animationseffekte. Ein sauberes Event-API ermöglicht außerdem die unkomplizierte Reaktion auf Öffnen- und Schließen-Ereignisse.

Features

• Natives Joomla! 6 Modal-System – moderne Backend-Verwaltung kombiniert mit einem System-Plugin für die Frontend-Ausgabe.
• Fünf Inhaltstypen – eigenes HTML, Joomla!-Beitrag, Modul, Bild und Video.
• Vier Trigger-Typen – alle Seiten, nur Startseite, bestimmte Menüeinträge und Exit Intent.
• Optionaler Trigger-Delay – das Öffnen des Modals kann um eine konfigurierbare Anzahl Millisekunden verzögert werden.
• Feingranulare Zuweisungsregeln – Steuerung nach Zielgruppe, Gerätetyp, Viewport-Breite, URL-Mustern, Zugriffsebene, Sprache, Priorität und Veröffentlichungszeitraum.
• Zwei Layouts – Standard und Rahmenlos. Mit dem Layoutmodus Rahmenlos lassen sich Modale ohne Container-Rahmen darstellen, inklusive transparentem Hintergrund, ohne Innenabstände, ohne Kopfbereich und mit einer besonders reduzierten Darstellung. Der "Schließen"-Button wird als Overlay rechts oben im Inhalt angezeigt.
• Zwölf Positionen – Mitte (Standard), Vollbild-Mitte, Oben links, Oben Mitte, Oben rechts, Mitte links, Mitte rechts, Unten links, Unten Mitte, Unten rechts, Benachrichtigungsleiste oben und Benachrichtigungsleiste unten
• Zwölf Animationseffekte – none, blur, fade, zoom-in, zoom-out, slide-down, slide-up, slide-left, slide-right, flip-x, flip-y und rotate.
• Barrierefreiheitsorientierte Umsetzung – basierend auf a11y-dialog mit Fokus-Falle, ARIA-Rollen und Tastatur-Navigation.
• Vier Frequenz-Modi – immer, einmal pro Sitzung, dauerhaft und alle N Tage.
• AJAX- oder Inline-Laden – Inhalte bei Bedarf laden oder direkt im Seiten-HTML vorab rendern.
• Verbesserte AJAX-Formular-Kompatibilität – Formulare in per AJAX geladenen Modals können nach dem Absenden korrekt weiterleiten.
• Responsive Zielgruppensteuerung – Gerätefilter und Viewport-Min-/Max-Regeln für eine bessere Kontrolle auf Desktop, Tablet und Mobilgeräten.
• Konfigurierbare Anzeigeoptionen – Modal-Breite, Titelanzeige, Schließen-Button, Overlay-Schließen, ESC-Schließen und Auto-Close-Zeitsteuerung.
• Datenschutzfreundliche Video-Unterstützung – Unterstützung für YouTube mit optionalem Nocookie-Modus, Vimeo und selbst gehostete MP4-Videos.
• Schlanker Frontend-Ansatz – reine CSS-Effekte, keine unnötige JS-Animationsbibliothek und keine Bootstrap-Abhängigkeit.
• Vollständige Sprachunterstützung – en-GB und de-DE Sprachdateien enthalten.

Installation

Installiere Easy Joomla Modals Pro wie gewohnt über den Joomla!-Installer.

Das Paket enthält die Komponente und das erforderliche System-Plugin. Nach der Installation können die Modal-Einträge in der Backend-Komponente verwaltet werden, während das System-Plugin die Frontend-Regelauswertung und Ausgabe übernimmt.

Das Installationsskript installiert und aktiviert das enthaltene System-Plugin automatisch.

Verwendung

Lege im Backend einen neuen Modal-Eintrag an, wähle den gewünschten Inhaltstyp, konfiguriere Trigger- und Zuweisungsregeln, definiere Anzeige- und Frequenzoptionen und veröffentliche das Modal.

Je nach Konfiguration können Modals folgende Inhalte anzeigen:

• Eigenes HTML – direkt im Joomla!-Editor erstellt.
• Beiträge – Joomla!-Beiträge ausgeben, inklusive Intro-only-Modus.
• Module – veröffentlichte Module wie Login- oder Newsletter-Module ausgeben.
• Bilder – Bilder aus dem Joomla! Media Manager mit Alt-Text und Beschriftung anzeigen.
• Videos – YouTube-, Vimeo- oder selbst gehostete Videos anzeigen.

Das System-Plugin wertet anschließend die konfigurierten Regeln im Frontend aus und fügt nur die Modals ein, die für die aktuelle Anfrage geeignet sind.

Changelog

Letzte Aktualisierung

Version 6.0.1.0-PRO - 2026-04-23

• + Neues Positionssystem mit 12 Modal-Presets hinzugefügt – Modale Fenster können nun an zwölf vordefinierten Bildschirmpositionen angezeigt werden, darunter zentrierte, an Ecken ausgerichtete, randbasierte und vollbreite Benachrichtigungs-Layouts. Danke an z0r0z (Marcel) für die Anfrage!
• + Zusätzliche Fullscreen- und Benachrichtigungsleisten-Layouts unterstützt – das neue Positionssystem enthält jetzt auch einen Vollbildmodus sowie Benachrichtigungsleisten am oberen oder unteren Bildschirmrand für moderne und flexible Einsatzszenarien.
• + Responsives Verhalten der Positionierung verbessert – eckenbasierte Modal-Positionen wechseln auf sehr kleinen Bildschirmen nun automatisch in eine zentrierte Darstellung, um die Benutzerfreundlichkeit auf mobilen Geräten zu verbessern.
• + Neue randlose Layout-Option hinzugefügt – mit dem neuen Layoutmodus lassen sich Modale ohne Container-Rahmen darstellen, inklusive transparentem Hintergrund, ohne Innenabstände, ohne Kopfbereich und mit einer besonders reduzierten Darstellung. Danke an z0r0z (Marcel) für die Anfrage!
• + Neues Close-Button-Styling für randlose Modale eingeführt – im borderless Layout wird der Schließen-Button nun als kompakte kreisförmige Overlay-Schaltfläche oben rechts über dem Inhalt dargestellt. Danke an z0r0z (Marcel) für die Anfrage!
• + Backend-Konfiguration für Layouts verbessert – das Titelfeld wird bei Auswahl des borderless Layouts automatisch ausgeblendet, wodurch die Konfiguration im Backend klarer und intuitiver wird.
• ^ Abhängigkeit aktualisiert – die eingebundene Bibliothek mobiledetect/mobiledetectlib wurde von Version 4.8.10 auf 4.10.0 aktualisiert.
• ^ Verhalten bei Security-Token-Prüfungen entschärft und verbessert – blockierte Lizenzzustände führen nicht mehr zu Änderungen am Veröffentlichungsstatus oder an gespeicherten Konfigurationsdaten. Stattdessen bleibt die bestehende Konfiguration vollständig erhalten und es erfolgt nur noch eine Weiterleitung mit Fehlermeldung.

Download

Übersicht über alle Downloads zu dieser Erweiterung: EJM - Easy Joomla Modals Downloads