Ein schlankes Login-/Logout-Modul, das sich per Klick in einem hellen Fenster öffnet – ohne Seitenwechsel, ohne zusätzliche Bibliotheken und im Nova-hell-Design (Akzentfarbe #B1976B).
Das kann das Modul
Login im Fenster
Besucher melden sich in einem Fenster an, das über der Seite erscheint. Schließen per ×, Klick daneben oder Esc.
Nova hell
Weiße Karte, runde Ecken, goldener Rahmenverlauf, Glow-Schatten und System-Schrift. Die Akzentfarben sind einstellbar.
Per Menülink öffnen
Ein Menüeintrag „Anmelden“ oder „Abmelden“ öffnet das Fenster direkt. Auch Direktlinks in E-Mails oder Beiträgen sind möglich.
Passkey-Login
Ist das Joomla-Plugin „System – WebAuthn“ aktiv, erscheint automatisch ein Button „Mit Passkey anmelden“.
Weiterleitung
Frei wählbare Seite nach Login und Logout – oder einfach auf der aktuellen Seite bleiben.
Mehrere Fensterstile
Neben Nova hell gibt es sechs weitere Stile (u. a. Rund schwarz, Glänzend dunkel, Leuchten).
Hinweis: Das Modul wurde ursprünglich für Joomla 1.5 gebaut und für Joomla 6 komplett neu aufgebaut. Highslide, MooTools, Scriptegrator und OpenID werden nicht mehr benötigt. Als Ersatz für OpenID dient der Passkey-Login.
Voraussetzungen
- Joomla 6 (Frontend-Modul)
- Ein aktueller Browser (Chrome, Edge, Firefox, Safari) – das Fenster nutzt das moderne HTML-Element
<dialog> - Für den Passkey-Button: aktiviertes Plugin „System – WebAuthn“
Installation
- Backend öffnen. Gehe zu System → Installieren → Erweiterungen.
- ZIP hochladen. Ziehe die Datei
mod_cd_login_j6.zipin das Upload-Feld. Bei einem Update werden die vorhandenen Dateien überschrieben und die Einstellungen bleiben erhalten. - Cache leeren. Leere unter System → Cache leeren den Cache und lade die Website danach mit Strg + F5 neu, damit der Browser das neue Design lädt.
Modul einrichten
- Neues Modul anlegen. Öffne Inhalt → Site-Module → Neu und wähle „SK Core Design Login“.
- Titel und Position. Vergib einen Titel (z. B. „Anmelden“) und wähle die Modulposition, an der der Button erscheinen soll.
- Menüzuweisung. Stelle auf dem Tab „Menüzuweisung“ Auf allen Seiten ein, damit das Fenster überall verfügbar ist.
- Optionen prüfen. Die wichtigsten Einstellungen findest du in der Tabelle weiter unten.
- Speichern und veröffentlichen. Status auf „Veröffentlicht“ stellen und speichern.
Anmelden über einen Menülink
So steht „Anmelden“ im Hauptmenü und öffnet direkt das Fenster:
- Button im Modul ausschalten. Stelle im Modul auf dem Tab „Design“ die Option Anmelde-Button im Modul anzeigen auf „Nein“. Das Modul bleibt veröffentlicht, zeigt aber nur noch das Fenster.
- Menüeintrag „Anmelden“ anlegen. Typ „URL“, Link
#cdl-login, Zugriffsebene „Public“. - Menüeintrag „Abmelden“ anlegen (optional). Typ „URL“, Link
#cdl-logout, Zugriffsebene „Registered“. So sehen Gäste nur „Anmelden“ und angemeldete Benutzer nur „Abmelden“.
Direktlink: Auch https://deine-seite.de/#cdl-login öffnet das Fenster sofort, z. B. in einer E-Mail oder auf einem Button im Beitrag. Das Modul muss auf der Zielseite veröffentlicht sein.
Alle Einstellungen im Überblick
Tab „Modul“
| Option | Bedeutung |
|---|---|
| Text davor / Text danach | Freier Text oder HTML oberhalb bzw. unterhalb des Moduls. |
| Weiterleitung nach Login | Seite, die nach erfolgreicher Anmeldung angezeigt wird. Leer = auf derselben Seite bleiben. |
| Weiterleitung nach Logout | Seite nach dem Abmelden. Leer = auf derselben Seite bleiben. |
| Begrüßung anzeigen | Zeigt „Hallo, Name“ neben dem Abmelde-Symbol. |
| Anzeigen als | Benutzername oder vollständiger Name in der Begrüßung. |
| Hinweis im Login- / Logout-Fenster | Kurzer Infotext unten im Fenster (z. B. „Nur für Mitglieder“). |
Tab „Design“
| Option | Bedeutung |
|---|---|
| Anmelde-Button im Modul anzeigen | Aus = nur das Fenster, geöffnet per Menülink (siehe oben). |
| Ausrichtung des Anmelde-Buttons | Links, Zentriert oder Rechts innerhalb des Moduls. |
| Rahmenlinien | Punktierte Linie oberhalb, unterhalb oder beides. |
| Fensterstil | Nova hell (Standard), Rund weiß, Rund schwarz, Glänzend dunkel, Abgeschrägt, Schlagschatten, Äußeres Leuchten. |
| Hintergrund abdunkeln | Stärke der Abdunklung hinter dem Fenster, 0 (keine) bis 1 (schwarz). |
| Akzentfarbe / Akzentfarbe 2 | Start- und Endfarbe des Verlaufs für Rahmen und Buttons. Standard: #B1976B und #d8c3a1. |
Tab „Links“
| Option | Bedeutung |
|---|---|
| Links anzeigen | Blendet „Passwort vergessen?“, „Benutzername vergessen?“ und „Konto erstellen“ ein oder aus. „Konto erstellen“ erscheint nur, wenn die Registrierung in Joomla erlaubt ist. |
| Eigene Link-Ziele | Statt der Joomla-Standardseiten eigene Adressen verwenden. |
| Link: Registrieren / Benutzername / Passwort | Die eigenen Adressen, wenn „Eigene Link-Ziele“ aktiv ist. |
Tab „Erweitert“
| Option | Bedeutung |
|---|---|
| Alternatives Layout | Eigenes Layout aus dem Template, falls vorhanden. |
| Modulklassen-Suffix | Zusätzliche CSS-Klasse für eigene Anpassungen. |
| Caching | Bleibt aus, weil das Anmeldeformular einen Sicherheits-Token enthält. |
Häufige Fragen
Der Button oder das Fenster sieht ungestylt aus.
Leere den Joomla-Cache und lade die Seite mit Strg + F5 neu. Prüfe außerdem, dass das Modul veröffentlicht und der Seite zugewiesen ist.
Der Menülink #cdl-login tut nichts.
Das Modul muss auf der aktuellen Seite veröffentlicht sein (Menüzuweisung „Auf allen Seiten“), auch wenn der Button im Modul ausgeschaltet ist. Bist du bereits angemeldet, öffnet sich stattdessen das Abmelde-Fenster.
Wo ist der Passkey-Button?
Er erscheint nur, wenn das Plugin „System – WebAuthn“ aktiviert ist und die Besucher einen Passkey in ihrem Benutzerkonto eingerichtet haben.
Was ist aus OpenID geworden?
OpenID ist in Joomla seit Langem nicht mehr enthalten, der Dienst, auf den das alte Skript verwies, existiert nicht mehr. Der Passkey-Login ist der moderne Ersatz.
Was ist gegenüber der Joomla-1.5-Version entfallen?
Die Optionen „Anchor“ und „Align“ (das Fenster ist jetzt immer zentriert), „Sichere Verbindung“ (regelt Joomla global) sowie die Prüfung auf Scriptegrator. Neu sind Fensterstil Nova hell, Menülink-Funktion, Button-Ausrichtung und Passkey-Unterstützung.
Technische Daten
| Erweiterung | mod_cd_login (Frontend-Modul) |
| Version | 2.0.5 |
| Joomla | 6.x |
| Fenster | Natives HTML-Element <dialog>, ohne jQuery oder andere Bibliotheken |
| Anmeldung | Über com_users (user.login / user.logout) mit Sicherheits-Token |
| Sprachen | Deutsch und Englisch |
| Lizenz | GNU/GPL v2 oder neuer |
