Grid- und Detail-Ansicht
Das Vermarktungs-Modul bietet zwei Hauptansichten: eine übersichtliche Grid-Ansicht (Kartenübersicht) und eine detaillierte Detail-Ansicht für die vollständige Bearbeitung.
Grid-Ansicht
Die Grid-Ansicht zeigt alle Vermarktungs-Immobilien als Bootstrap-Karten in einem responsiven Raster.
Layout
- 3 Karten pro Reihe auf Desktop-Bildschirmen.
- Responsiv: weniger Karten pro Reihe auf Tablets und Smartphones.
Karteninhalt
Jede Karte enthält:
| Element | Beschreibung |
|---|---|
| Foto/Platzhalter | Titelbild der Immobilie oder ein generisches Platzhalterbild |
| Status-Badge | Farbiges Badge oben auf der Karte (Entwurf, Aktiv, etc.) |
| Typ-Badge | „Verkauf" oder „Miete" als Badge |
| Titel | Bezeichnung der Immobilie |
| Adresse | Straße, PLZ, Ort |
| Key Facts | Zimmer, Fläche (m²), Etage (falls vorhanden) |
| Preis | Kaufpreis oder Kaltmiete, formatiert in Euro |
Interaktion
- Klick auf eine Karte öffnet die Detail-Ansicht der Immobilie.
- Hover-Effekt hebt die Karte visuell hervor (z.B. leichter Schatten).
Detail-Ansicht
Die Detail-Ansicht wird beim Klick auf eine Karte in der Grid-Ansicht geöffnet.
Struktur
Die Detail-Ansicht besteht aus:
Haupt-Bereich (links)
- Tabs für die verschiedenen Datenbereiche (Basisdaten, Preise, Beschreibung, Energie, Auftraggeber, Medien).
- Jeder Tab enthält ein Formular mit den jeweiligen Feldern.
- Fotogalerie mit Lightbox.
Meta-Sidebar (rechts)
Die Sidebar zeigt zusammenfassende Informationen:
| Element | Beschreibung |
|---|---|
| Status-Dropdown | Aktueller Status, änderbar per Dropdown |
| Erstellungsdatum | Wann die Immobilie angelegt wurde |
| Veröffentlichungsdatum | portal_published_at – wann erstmals „Aktiv" |
| Letzte Änderung | Zeitpunkt der letzten Bearbeitung |
| Aufrufe | Anzahl der Aufrufe (falls getrackt) |
| Anfragen | Anzahl der verknüpften Interessenten |
Fotogalerie
- Alle hochgeladenen Fotos werden als Thumbnails angezeigt.
- Klick auf ein Thumbnail öffnet die Lightbox (Vollbildansicht).
- In der Lightbox können Sie mit Pfeilen zwischen Fotos navigieren.
Aktionen
Folgende Aktionen sind in der Detail-Ansicht verfügbar:
- Speichern – Änderungen an den Formulardaten sichern.
- Status ändern – Über das Status-Dropdown in der Sidebar.
- Löschen – Immobilie endgültig entfernen (mit Bestätigungsdialog).
- Zurück zur Liste – Zurück zur Grid-Ansicht navigieren.
Tipp: Nutzen Sie die Meta-Sidebar, um schnell den Status und wichtige Eckdaten im Blick zu behalten, ohne durch die Tabs blättern zu müssen.