Css Image aspect ratio auf Produktdetailseite lässt Bild über spalte wachsen

Topic summary

Ein Nutzer hatte Probleme mit der Darstellung von Produktbildern auf der Produktdetailseite. Durch die CSS-Regel aspect-ratio: 1 in der base.css sollten Bilder quadratisch dargestellt werden, jedoch wuchs das Bild über die Containerbreite hinaus.

Problem:

  • Bilder überschritten die äußere Containerbreite
  • Das Problem hing mit der Browserfenstergröße zusammen
  • Theme: Dawn 10.0

Lösung:

  • Statt die base.css anzupassen, wurde das Aspect Ratio direkt im Style der Liquid-Datei product_thumbnail hinterlegt
  • Das Bild springt nun nicht mehr über den Container hinaus

Zusätzlicher Hinweis:
Es wurde empfohlen, CSS-Anpassungen immer zuerst in einer Testumgebung vorzunehmen, um das Theme nicht zu beschädigen. Außerdem wurde darauf hingewiesen, dass dem Shop ein Favicon fehlt.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Super! :wink: