Anfrage zur Anpassung der Bilddarstellung in der Produktansicht

Topic summary

Produktbilder in der mobilen Produktansicht werden zu groß bzw. nicht vollständig angezeigt, während die Desktop-Darstellung passt. Ein Preview-Link und Screenshots (z. B. „The Cardinal“) verdeutlichen das Problem.

Der Support wurde bereits kontaktiert, kann aber ohne Programmierleistungen nicht helfen. Empfohlen werden zwei Wege: Bilder vor dem Upload mit geeignetem Seitenverhältnis vorbereiten oder gezielte CSS-Anpassungen im Theme vornehmen.

Vorgeschlagene CSS-Änderungen: object-fit: contain, width: 100% und height: auto für Produktbilder; Slider-Slides auf volle Containerbreite setzen; Media Queries (max-width: 768px) für mobiles Thumbnail-Layout mit horizontalem Scrollen. Der bereitgestellte Code und die Erklärungen sind zentral für die Umsetzung.

Wichtige Hinweise: Änderungen zuerst in einer Themekopie testen, Backup anlegen/wiederherstellen, mögliche Auswirkungen auf Ladezeiten und künftige Theme-Updates bedenken. Bei Bedarf einen Experten beauftragen.

Status: Keine konkrete Lösung implementiert, Diskussion offen. Kernaussage: Für die mobile Darstellung sind entweder angepasste Bildverhältnisse oder spezifisches CSS-Tuning notwendig. (CSS = Gestaltungsregeln für Webseiten; Media Queries = Regeln für unterschiedliche Bildschirmbreiten.)

Summarized with AI on December 28. AI used: gpt-5.

Habe ich schon gemacht, aber die können mir da nicht weiterhelfen, weil man wohl dafür Progammierkentnisse braucht und das dürfen die wohl nicht machen.

1 Like