Medienzuordnung und Thumbnail-Ausgabe
Prüfen Sie das Twig-Markup des betroffenen Medien-Elements. Eigene Storefront-Anpassungen können Bildabmessungen entfernen, obwohl die Mediendaten sie enthalten.
Vergleichen Sie das Originalmedium mit den in der Storefront verwendeten Vorschaubildern. Entscheidend ist die wirklich angeforderte Thumbnail-URL im jeweiligen Layout, nicht nur die im Backend hinterlegte Datei.
Wo Sie die Einstellung in Shopware prüfen
Vergleichen Sie die Medienzuordnung des Produkts mit den Alt-Angaben und der tatsächlich gewählten Thumbnail-Datei. Ein großes Original ist nicht automatisch ein Problem, wenn das Theme eine passende kleine Variante lädt; maßgeblich ist die im Browser angeforderte Datei.
Beispiel für diesen konkreten Befund
Illustrativer Kontrollfall: Ein Bild unter der Einleitung reserviert vor dem Download keine Fläche. Sobald es erscheint, wandert der folgende Text nach unten.
<img src="produkt.webp" width="800" height="600"
style="max-width:100%;height:auto" alt="Roter Rucksack, Vorderansicht">Nachprüfung in Shopware
Ein Produktbild in Listing, Detailansicht und auf Mobilgeräten prüfen. Nach Änderungen auch bestehende Bildvarianten und deren Cache berücksichtigen.
Unter gedrosselter Verbindung bleibt die Fläche vor und nach dem Bilddownload gleich. HTML-Abmessungen und responsive CSS müssen dasselbe Seitenverhältnis abbilden.
Ausnahmen und Geltungsbereich
Ein bereits verlässlich durch CSS reservierter Platz kann das Problem ebenfalls lösen. Falsche width-/height-Werte sind keine Verbesserung.
Bezug: Shopware 6 mit Storefront. Self-hosted und SaaS bieten unterschiedliche Zugriffs- und Konfigurationsmöglichkeiten; eigene Headless-Frontends getrennt betrachten.
Den allgemeinen Fehler einordnen
Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Den Platz für Bilder vor dem Download reservieren
Dokumentation zur Konfiguration und zum Prüfsignal
Shopware 6: Medien des Produkts