Produktgalerie, Variantenbilder und Vorschaubilder
Vergleichen Sie die Galerie-Ausgabe des Themes mit Standard-Produktbildern. Eine eigene Galerie kann vorhandene Größeninformationen bei der Ausgabe verlieren.
Vergleichen Sie Produkt-Hauptbild, Galerie und das Bild der ausgewählten Variante. In Block-Themes bestimmt die Galerie-Komponente ihre Darstellung; klassische Customizer-Einstellungen gelten nicht automatisch für jeden Galerieblock.
Wo Sie die Einstellung in WooCommerce prüfen
Öffnen Sie Produktbild, Galerie und das Bild der betroffenen Variante. Kontrollieren Sie die konkrete Bildreferenz und ihre Mediathek-Angaben. Beim Variantenwechsel muss auch die neue Bildausgabe eine passende Alternative und einen reservierten Darstellungsraum besitzen.
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 WooCommerce
Galerie-Wechsel und Variantenauswahl mobil testen. Tatsächlich geladene Größe, Alternativtext und reservierte Fläche für jede Ansicht prüfen.
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: WooCommerce auf WordPress. Block- und klassische Produkt-Templates sowie SEO-Erweiterungen können unterschiedliche Ausgabestellen besitzen.
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
WooCommerce: Produktbilder und Galerien