greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Einige Bilder vom Haus werden auf der Webseite nicht mehr angezeigt. Zeige alle Bilder an! #80

New Issue
Open
opened 2026-06-06 00:06:33 +02:00 by greggy · 1 comment
greggy commented 2026-06-06 00:06:33 +02:00
Owner
Copy Link

🐛 Bug: Bilder vom Haus fehlen auf der Webseite

Problem

Auf der Webseite werden mehrere Bilder vom Haus, die im Projekt vorhanden sind, nicht angezeigt. Besucher sehen dadurch nur einen Teil des Hauses.

Reproduktion

  1. https://haus.test.kies-media.de/ öffnen
  2. Zum Bereich „Einblicke ins Haus" (Galerie-Sektion) scrollen
  3. Mit dem Dateibestand auf dem Webserver vergleichen (public/bilder/)

Bestand auf Disk vs. Anzeige

Vorhandene Bilder in public/bilder/ (16 Raum-/Hausbilder + 4 Grundrisse):

  • Außenansicht-2.png ✓ angezeigt (Hero + 1× Gallery)
  • Bad.jpg ✓ angezeigt
  • Bad-2.jpeg ❌ fehlt in Galerie (Datei existiert!)
  • Bad-3.jpeg ❌ fehlt in Galerie (Datei existiert!)
  • Bad-4.jpeg ❌ fehlt in Galerie (Datei existiert!)
  • Kinderzimmer.png ❌ fehlt in Galerie (Datei existiert!)
  • Kinderzimmer 2.jpg ✓ angezeigt
  • Kinderzimmer 3.jpg ✓ angezeigt
  • kinderzimmer 2 2.jpeg/.webp ✓ angezeigt (Detail)
  • Küche 1.jpg ✓ angezeigt
  • schlafzimmer.png ✓ angezeigt
  • wohnzimmer2.png ✓ angezeigt
  • grundrisse/EG.png ✓ angezeigt
  • grundrisse/OG 1 2.png ✓ angezeigt
  • grundrisse/OG 2 grundriss.png ✓ angezeigt
  • grundrisse/Dachboden unten.png ✓ angezeigt

Insgesamt 4 Bilder mit verwaisten Dateien + ggf. weitere je nach Wunsch.

Erwartetes Verhalten

Alle Bilder des Hauses (Räume, Außenansichten, ggf. weitere Perspektiven) sollen Besuchern gezeigt werden — als Galerie, im Hero oder in einer Lightbox-Detailansicht.

Tatsächliches Verhalten

Nur 9 Bilder sind in der Galerie referenziert (app/views/home/index.php Zeilen 17–30, Array $gridItems). 4 zusätzliche Fotos (Bad-2/3/4, Kinderzimmer.png) liegen brach auf der Disk.

Belege

Code-Referenz (app/views/home/index.php:17-30):

$gridItems = [
    // NOTE: image filenames reflect the actual files in public/bilder/ on the server.
    //       3 items were removed (gästezimmer / wohnbereich / wohnbereich-detail)
    //       because no matching files exist in the image inventory.
    ['img' => 'bilder/Außenansicht-2.png',     'key' => 'gallery.exterior',    'alt' => 'gallery.alt.exterior',    'class' => 'span-2 row-2'],
    ['img' => 'bilder/wohnzimmer2.png',        'key' => 'gallery.living',      'alt' => 'gallery.alt.living',      'class' => 'span-2 row-1'],
    ['img' => 'bilder/Küche 1.jpg',            'key' => 'gallery.kitchen',     'alt' => 'gallery.alt.kitchen',     'class' => ''],
    ['img' => 'bilder/schlafzimmer.png',       'key' => 'gallery.bedroom',     'alt' => 'gallery.alt.bedroom',     'class' => ''],
    ['img' => 'bilder/Bad.jpg',                'key' => 'gallery.bath',        'alt' => 'gallery.alt.bath',        'class' => ''],
    ['img' => 'bilder/Kinderzimmer 2.jpg',     'key' => 'gallery.kid1',        'alt' => 'gallery.alt.kid1',        'class' => ''],
    ['img' => 'bilder/Kinderzimmer 3.jpg',     'key' => 'gallery.kid2',        'alt' => 'gallery.alt.kid2',        'class' => ''],
    ['img' => 'bilder/kinderzimmer 2 2.webp',  'key' => 'gallery.kid_detail',  'alt' => 'gallery.alt.kid_detail',  'class' => 'span-2 row-1'],
    ['img' => 'bilder/Außenansicht-2.png',     'key' => 'gallery.area3',       'alt' => 'gallery.alt.exterior',    'class' => 'span-2 row-1'],
];

Locale-Belege (übersetzte Keys sind bereits vorhanden, aber ungenutzt):

  • gallery.alt.bath2 → „Zweites Badezimmer im Haus" (für Bad-2.jpeg)
  • gallery.alt.bath3 → „Drittes Badezimmer im Haus" (für Bad-3.jpeg)
  • gallery.alt.bath4 (zu prüfen/ergänzen für Bad-4.jpeg)
  • 4 Grundrisse sind alle korrekt verdrahtet ($floorImageMap Zeile 108–113)

Hypothese (Root Cause)

Beim ursprünglichen Aufbau der Galerie wurden 3 Items (Gästezimmer, Wohnbereich-Detail) entfernt, weil keine Dateien existierten — die gleichzeitig vorhandenen Mehrfach-Bilder (Bad-2/3/4, Kinderzimmer.png) wurden aber übersehen. Aktuell sind 4 Bilder ohne jede Verwendung auf dem Webspace.

Akzeptanzkriterien

  • Alle 4 brachliegenden Bilder (Bad-2.jpeg, Bad-3.jpeg, Bad-4.jpeg, Kinderzimmer.png) sind in der Galerie sichtbar.
  • Für jedes neue Galerie-Bild existieren:
    • gallery.<key> (Anzeigename) in DE/EN/UK/RU
    • gallery.alt.<key> (alt-Text) in DE/EN/UK/RU
  • Lightbox-Funktion (Klick vergrößert) funktioniert für alle neuen Bilder.
  • php -l + PHPUnit laufen grün.
  • Visuelle Kontrolle auf 4 Viewports (320, 375, 768, 1280 px): keine Layout-Brüche.
  • Keine 404 in den Server-Logs für /bilder/* (eine Woche beobachten).

Vorgehen (Vorschlag)

  1. Inventory-Audit: alle Dateien in public/bilder/ listen + mit $gridItems abgleichen.
  2. Fehlende Keys in app/Locales/{de,en,uk,ru}.php ergänzen (Namen + alt-Texte).
  3. $gridItems in app/views/home/index.php um 4 Einträge erweitern.
  4. Layout-Klassen (span-2 row-1 etc.) sinnvoll verteilen — Masonry soll ausgewogen bleiben.
  5. Lokal + auf haus.test.kies-media.de testen, Martin Freigabe.
  6. PR + Merge.

Out of Scope

  • Lightbox-Plugin-Wechsel
  • Bildoptimierung (webp-Konvertierung) — separate Optimierungs-Runde
  • Layout-Umstrukturierung der Galerie
  • SEO/Schema-Änderungen
  • Übersetzungs-Review UK/RU (Muttersprachler separat)

Aufwand

M (~2-3 Std.)

  • Inventory + Keys: 30 min
  • View + CSS-Test: 45 min
  • Locale-Einträge (4 Sprachen × 4 Bilder × 2 Felder = 32 Strings): 30 min
  • Tests + Visual-Check: 30 min
  • PR + Review: 15 min

Definition of Ready ✅

  • Akzeptanzkriterien messbar
  • Architektur klar (existierendes $gridItems-Array erweitern)
  • Aufwand geschätzt (M)
  • Out-of-Scope definiert
  • Labels vergeben
## 🐛 Bug: Bilder vom Haus fehlen auf der Webseite ### Problem Auf der Webseite werden mehrere Bilder vom Haus, die im Projekt vorhanden sind, **nicht angezeigt**. Besucher sehen dadurch nur einen Teil des Hauses. ### Reproduktion 1. `https://haus.test.kies-media.de/` öffnen 2. Zum Bereich **„Einblicke ins Haus"** (Galerie-Sektion) scrollen 3. Mit dem Dateibestand auf dem Webserver vergleichen (`public/bilder/`) ### Bestand auf Disk vs. Anzeige **Vorhandene Bilder in `public/bilder/` (16 Raum-/Hausbilder + 4 Grundrisse):** - `Außenansicht-2.png` ✓ angezeigt (Hero + 1× Gallery) - `Bad.jpg` ✓ angezeigt - `Bad-2.jpeg` ❌ **fehlt in Galerie** (Datei existiert!) - `Bad-3.jpeg` ❌ **fehlt in Galerie** (Datei existiert!) - `Bad-4.jpeg` ❌ **fehlt in Galerie** (Datei existiert!) - `Kinderzimmer.png` ❌ **fehlt in Galerie** (Datei existiert!) - `Kinderzimmer 2.jpg` ✓ angezeigt - `Kinderzimmer 3.jpg` ✓ angezeigt - `kinderzimmer 2 2.jpeg/.webp` ✓ angezeigt (Detail) - `Küche 1.jpg` ✓ angezeigt - `schlafzimmer.png` ✓ angezeigt - `wohnzimmer2.png` ✓ angezeigt - `grundrisse/EG.png` ✓ angezeigt - `grundrisse/OG 1 2.png` ✓ angezeigt - `grundrisse/OG 2 grundriss.png` ✓ angezeigt - `grundrisse/Dachboden unten.png` ✓ angezeigt **Insgesamt 4 Bilder mit verwaisten Dateien** + ggf. weitere je nach Wunsch. ### Erwartetes Verhalten **Alle Bilder des Hauses** (Räume, Außenansichten, ggf. weitere Perspektiven) sollen Besuchern gezeigt werden — als Galerie, im Hero oder in einer Lightbox-Detailansicht. ### Tatsächliches Verhalten Nur **9 Bilder** sind in der Galerie referenziert (`app/views/home/index.php` Zeilen 17–30, Array `$gridItems`). 4 zusätzliche Fotos (Bad-2/3/4, Kinderzimmer.png) liegen brach auf der Disk. ### Belege **Code-Referenz** (`app/views/home/index.php:17-30`): ```php $gridItems = [ // NOTE: image filenames reflect the actual files in public/bilder/ on the server. // 3 items were removed (gästezimmer / wohnbereich / wohnbereich-detail) // because no matching files exist in the image inventory. ['img' => 'bilder/Außenansicht-2.png', 'key' => 'gallery.exterior', 'alt' => 'gallery.alt.exterior', 'class' => 'span-2 row-2'], ['img' => 'bilder/wohnzimmer2.png', 'key' => 'gallery.living', 'alt' => 'gallery.alt.living', 'class' => 'span-2 row-1'], ['img' => 'bilder/Küche 1.jpg', 'key' => 'gallery.kitchen', 'alt' => 'gallery.alt.kitchen', 'class' => ''], ['img' => 'bilder/schlafzimmer.png', 'key' => 'gallery.bedroom', 'alt' => 'gallery.alt.bedroom', 'class' => ''], ['img' => 'bilder/Bad.jpg', 'key' => 'gallery.bath', 'alt' => 'gallery.alt.bath', 'class' => ''], ['img' => 'bilder/Kinderzimmer 2.jpg', 'key' => 'gallery.kid1', 'alt' => 'gallery.alt.kid1', 'class' => ''], ['img' => 'bilder/Kinderzimmer 3.jpg', 'key' => 'gallery.kid2', 'alt' => 'gallery.alt.kid2', 'class' => ''], ['img' => 'bilder/kinderzimmer 2 2.webp', 'key' => 'gallery.kid_detail', 'alt' => 'gallery.alt.kid_detail', 'class' => 'span-2 row-1'], ['img' => 'bilder/Außenansicht-2.png', 'key' => 'gallery.area3', 'alt' => 'gallery.alt.exterior', 'class' => 'span-2 row-1'], ]; ``` **Locale-Belege** (übersetzte Keys sind bereits vorhanden, aber ungenutzt): - `gallery.alt.bath2` → „Zweites Badezimmer im Haus" (für `Bad-2.jpeg`) - `gallery.alt.bath3` → „Drittes Badezimmer im Haus" (für `Bad-3.jpeg`) - `gallery.alt.bath4` (zu prüfen/ergänzen für `Bad-4.jpeg`) - 4 Grundrisse sind alle korrekt verdrahtet (`$floorImageMap` Zeile 108–113) ### Hypothese (Root Cause) Beim ursprünglichen Aufbau der Galerie wurden 3 Items (Gästezimmer, Wohnbereich-Detail) entfernt, weil keine Dateien existierten — **die gleichzeitig vorhandenen Mehrfach-Bilder (Bad-2/3/4, Kinderzimmer.png) wurden aber übersehen**. Aktuell sind 4 Bilder ohne jede Verwendung auf dem Webspace. ### Akzeptanzkriterien - [ ] Alle 4 brachliegenden Bilder (`Bad-2.jpeg`, `Bad-3.jpeg`, `Bad-4.jpeg`, `Kinderzimmer.png`) sind in der Galerie sichtbar. - [ ] Für jedes neue Galerie-Bild existieren: - `gallery.<key>` (Anzeigename) in DE/EN/UK/RU - `gallery.alt.<key>` (alt-Text) in DE/EN/UK/RU - [ ] Lightbox-Funktion (Klick vergrößert) funktioniert für alle neuen Bilder. - [ ] `php -l` + PHPUnit laufen grün. - [ ] Visuelle Kontrolle auf 4 Viewports (320, 375, 768, 1280 px): keine Layout-Brüche. - [ ] Keine 404 in den Server-Logs für `/bilder/*` (eine Woche beobachten). ### Vorgehen (Vorschlag) 1. Inventory-Audit: alle Dateien in `public/bilder/` listen + mit `$gridItems` abgleichen. 2. Fehlende Keys in `app/Locales/{de,en,uk,ru}.php` ergänzen (Namen + alt-Texte). 3. `$gridItems` in `app/views/home/index.php` um 4 Einträge erweitern. 4. Layout-Klassen (`span-2 row-1` etc.) sinnvoll verteilen — Masonry soll ausgewogen bleiben. 5. Lokal + auf `haus.test.kies-media.de` testen, Martin Freigabe. 6. PR + Merge. ### Out of Scope - Lightbox-Plugin-Wechsel - Bildoptimierung (webp-Konvertierung) — separate Optimierungs-Runde - Layout-Umstrukturierung der Galerie - SEO/Schema-Änderungen - Übersetzungs-Review UK/RU (Muttersprachler separat) ### Aufwand **M** (~2-3 Std.) - Inventory + Keys: 30 min - View + CSS-Test: 45 min - Locale-Einträge (4 Sprachen × 4 Bilder × 2 Felder = 32 Strings): 30 min - Tests + Visual-Check: 30 min - PR + Review: 15 min ### Definition of Ready ✅ - [x] Akzeptanzkriterien messbar - [x] Architektur klar (existierendes `$gridItems`-Array erweitern) - [x] Aufwand geschätzt (M) - [x] Out-of-Scope definiert - [x] Labels vergeben
greggy added the
KI
ReadyForDev
priority/P1
 labels 2026-06-06 00:06:33 +02:00
greggy self-assigned this 2026-06-06 00:06:33 +02:00
greggy commented 2026-06-06 00:31:39 +02:00
Author
Owner
Copy Link

Löst #80.

PR: #81 (created, wartet auf Review/Merge)

  • 13/13 Bilder sichtbar in Galerie
  • 4/4 Stockwerke mit 2D+3D
  • 144/144 PHPUnit-Tests grün
  • Playwright ALL_OK auf 4 Viewports
Löst #80. PR: https://git.home.kies-media.de/greggy/landingpage-haus-schleusingen/pulls/81 (created, wartet auf Review/Merge) - 13/13 Bilder sichtbar in Galerie - 4/4 Stockwerke mit 2D+3D - 144/144 PHPUnit-Tests grün - Playwright ALL_OK auf 4 Viewports
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
accessibility
Accessibility / a11y (44x44px, ARIA, contrast)
i18n
Internationalization / translation
Implementing
InQA
InReview
InValidation
KI
Von KI bearbeitet
KI
KI
KI
priority/P1
High priority (do soon)
ReadyForDev
Bereit zur Implementierung
ReadyForMerge
responsive
Responsive design (mobile/tablet/desktop)
type/feature
Feature request (new user-facing capability)
No Label
KI
priority/P1
ReadyForDev
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
greggy
No Assignees greggy
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: greggy/landingpage-haus-schleusingen#80
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?