lindesbs/member-addon

Contao Member Addon - ContentElements für Member-Darstellung

0.5.1 2025-09-19 11:27 UTC

Requires (Dev)

• phpunit/phpunit: ^10.0

LGPL-3.0-or-later

• Stefan Lindecke

README

Dieses Bundle erweitert Contao um ContentElements zur Darstellung von Member-Daten im Frontend.

Features

• Single Member Element: Zeigt einen einzelnen Mitarbeiter an
• Multi Member Element: Zeigt mehrere Mitarbeiter in einem Grid an
• Erweiterte Member-Felder: Position, Abteilung, Arbeitsbereiche, geschäftliche Kontaktdaten, Fotos
• Konfigurierbare Feldanzeige: Auswahl welche Daten angezeigt werden
• Responsive Design: Automatische Anpassung an verschiedene Bildschirmgrößen
• Bildgrößen-Integration: Nutzung der Contao-Bildgrößen für Mitarbeiterfotos

Neue Member-Felder

Das Bundle erweitert die tl_member Tabelle um folgende Felder:

• position - Position/Titel
• department - Abteilung
• workAreas - Arbeitsbereiche (Textarea)
• phone_business - Geschäftliche Telefonnummer
• email_business - Geschäftliche E-Mail
• memberPhotos - Mitarbeiterfotos (Multiple File Upload)

ContentElements

Single Member (single_member)

Zeigt einen einzelnen Mitarbeiter an. Konfiguration:

• Mitarbeiter auswählen
• Anzuzeigende Felder wählen
• Bildgröße für Foto festlegen
• Absolute Pfade verwenden (optional) - Wenn aktiviert, werden absolute Pfade für die Bilder verwendet

Multi Member (multi_member)

Zeigt mehrere Mitarbeiter in einem Grid an. Konfiguration:

• Mehrere Mitarbeiter auswählen
• Anzuzeigende Felder wählen (gilt für alle)
• Bildgröße für Fotos festlegen
• Absolute Pfade verwenden (optional) - Wenn aktiviert, werden absolute Pfade für die Bilder verwendet

Templates

• ce_single_member.html5 - Template für einzelnen Member
• ce_multi_member.html5 - Template für mehrere Member

Templates können wie gewohnt überschrieben werden.

Styling

Die Templates enthalten bereits responsive CSS-Styles. Diese können über eigene Stylesheets überschrieben werden.

CSS-Klassen:

• .member-card - Basis-Container für Member
• .member-photo - Foto-Container
• .member-info - Informations-Container
• .member-name - Name
• .member-position - Position
• .member-department - Abteilung
• .member-work-areas - Arbeitsbereiche
• .member-contact - Kontaktdaten
• .members-grid - Grid für mehrere Member