Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03420.jsonl.gz/2595

Hast du gewusst, dass Joomla! von Haus aus ein Modal-/Lightboxfenster für Popups mitbringt? Jedoch die wenigsten Leute benutzen diese Funktion und installieren lieber zusätzliche Plugins, die dann laufend aktualisiert und gepflegt werden müssen.
Bei einer Migration- oder Pluginwechsel muss du dann mühsam die ganzen Klassen von Hand anpassen. Verwendest du die Joomla!-eigenen Klassen, sind sie immer aktuell und ersparen dir das zusätzliche Installieren von Plugins.
[groups_non_member group=”Leser”]
[groups_login] [/groups_non_member]
[groups_member group=”Leser”]Damit im Joomla! Backend die hauseigenen Popup-Boxen in schicken Modal-Style öffnen, hat man eine eigene Lightbox Popup-Klasse mit dem entsprechenden Javascript-Code mit eingebaut. Diese funktioniert nicht nur für die Backend-Anwendungen sondern kann auch problemlos im Frontend genutzt werden.
Die Joomla! Core-Komponenten (com_content, com_contact) bringen das Einbinden der Modalklasse von Haus aus mit. Solltest du ein Template verwenden, dass diesen Aufruf verhindert oder die Klasse nicht lädt, kannst du auch innerhalb des <body>-Tag diese zusätzliche PHP-Anweisung mit einbauen.
Natürlich muss dein Template die Darstellung (Abdunkeln-Effekt, Schatten und Rahmen) über das CSS vernünftig “stylen” können. Aber das sollte eigentlich bei jedem guten Template der Fall sein.
Fehlt die Klasse in deinem Template, musst du sicherstellen, dass das erforderliche Javascript mit unten stehender PHP-Anweisung geladen wird:
< ?php JHTML::_('behavior.modal'); ? >
Am Besten bringst du den Code in der index.php deines Templates unter.
In den Joomla! eigenen Artikeln musst du in der Linkanweisung nur die Klasse “modal” ergänzen und schon sollte deine verlinkte Quelle in einer neuen Modal-Box öffnen. Das sieht dann etwa so wie in diesem Beispiel unten aus:
<a href="deine_quell-url" class="modal">Dein Text oder Bild</a>
Natürlich kannst du neben Text- und Bildlinks auch externe Websites auf die gleiche Weise öffnen lassen. Anstatt deine Besucher mit target=”_blank” von deiner Seite wegzulotsen, kannst du die externe Seite in einer smarten Lightbox auf deiner Seite öffnen lassen.
Auf diese Weise kannst du die Quelle zwar extern verlinken, aber die Besucher bleiben tendenziell länger auf deiner Seite.
<a href="Link zu externen Quelle" class="modal">Hier der Textlink</a>
Selbstverständlich gibt es noch viele weitere Anwendungsbeispiele, für die man die Modal-Klasse verwenden könnte. Auch die Entwickler von eigenen Komponenten könnten, anstatt zusätzliche eigene Klassen einzubauen, auf die Core-eigenen Modal-Funktion zurückgreifen.
Quelle: docs.joomla.org[/groups_member]