wp ocean verzerrte produktbilder

Ich wusste leider zunächst nicht was du meinst. In deinem Beitrag sind keine Screenshots zu sehen auf die du dich wohl beziehst. Hier wird beschrieben wie man mit Bildern hier im Forum umgehen sollte: https://de.wordpress.org/support/topic/wie-kann-man-bilder-in-einen-forenbeitrag-einfuegen/

Aber jetzt gerade hast Du offenbar OceanWP als Theme aktiv. Ich sehe auf den Produktdetailseiten die verzerrten Bilder. Grund dafür ist ein individueller CSS-Code der offenbar von dir hinterlegt wurde. Dieser hier:

.wp-post-image { max-width:300px;height:300px }

Das müsstest Du unter Design > Customizer > Zusätzliches CSS finden. Entferne diese Angabe und die Ausgabe sollte besser sein.

Natürlich wird es vermutlich auch einen Grund haben wieso du das hinterlegt hast. Evtl. findest Du den Grund dann wieder und man könnte nach einer besseren Lösung für die betroffene Stelle suchen.

Noch ein Tipp: du versuchst das Theme zu wechseln. Solche großen Umbauten würde ich empfehlen nicht an einem Live-Projekt vorzunehmen. Du gehst damit viele Risiken ein die sich negativ auf den Shop auswirken könnten. Es lohnt sich daher für solche Umbauten eine Kopie vom Projekt einzurichten und an der Kopie diese zu testen. So eine Kopie kann man bei manchen Hostern als sogenannte Staging-Umgebungen einrichten. Sprich dazu den Support deines Hosters an. Ebenso könnte man es mit dem Plugin WP Staging einrichten oder auch eine Kopie auf dem eigenen Rechner lokal laufen lassen (z.B. mit dem Programm localwp).

• Diese Antwort wurde vor 8 Monaten, 2 Wochen von threadi geändert.

Als ich bei meinem letzten Besuch geschaut hatte, war das Theme Ocean WP nicht aktiviert, jetzt – nach Aktivierung des Themes – sehe ich auch die Bilder mit unterschiedlichen Abmessungen.

Neben der Option im Supportforum des Themes nachzufragen, welche Einstellungen dafür möglich sind, hast du noch 2 weitere:

———————————————————————

1. CSS

.blog .blog-entry.post .thumbnail img {
    object-fit: cover;
    width: 400px;
    aspect-ratio: 4 / 3;
    max-width: 100%;
}

Mit folgenden Werten kannst du experimentieren, bis es nach deinen Vorstellungen ist:

• width also mit dem Wert 400px (das ist die Breite des Bildes)
• aspect-ratio also mit dem Wert 4 / 3 (das bestimmt das Seitenverhältnis des Bildes)

Aber Achtung:
Mit dem jetzigen 2-spaltigen Layout des Blogs könnte durch die Verkleinerung der Bilder mit CSS viel Weißraum entstehen, da die einzelnen Vorschau-Artikel absolut positioniert sind und dafür wahrscheinlich die Originalgröße der Bilder zur Berechnung verwendet wird. Versuche es dann ggf. mit einem einspaltigen Layout und wähle kleinere Thumbnails in den Einstellungen.

———————————————————————

2. Regeneration der Thumbnails im Batch-/Stapelverfahren mithilfe eines Plugins wie z. B. diesem.
Erstelle aber auf jeden Fall vor der Regeneration ein komplettes Backup der Dateien auf dem Server sowie der Datenbank.