Thumbnails im Seitenverhältnis nicht korrekt auf Produktdetailseite

Thema wurde von GlobenShop, 28. September 2024 erstellt.

  1. GlobenShop
    GlobenShop Erfahrener Benutzer
    Registriert seit:
    31. Januar 2024
    Beiträge:
    141
    Danke erhalten:
    36
    Danke vergeben:
    34
    Hallo zusammen,

    in der Produktdetailseite passen die Seitenverhältnisse der Thumbnails nicht ganz. Statt 86x57px werden 79x57px angezeigt, was auch zu einer leichten Verzerrung führt. Dies betrifft nur die mobile Ansicht.
    Wo kann ich das anpassen?
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.337
    Danke erhalten:
    1.021
    Danke vergeben:
    390
    #2 Anonymous, 28. September 2024
    Zuletzt bearbeitet: 28. September 2024
    Könnte das mit der Umwandlung der Bilder zu .webp zusammen hängen?

    In habe mir das in 2 Shops mit jpg Bilder angeschaut, da verkleinern und vergrößern sich die Thumbnails, in der mobilen Ansicht, in der Breite und in der Höhe, gleichzeitig.
    In einem weiteren Shop mit .webp Bilder ist dies nicht der Fall. Da werden sie nur breiter und schmäler, aber die Höhe verändern sie nicht.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.337
    Danke erhalten:
    1.021
    Danke vergeben:
    390
    #3 Anonymous, 30. September 2024
    Zuletzt bearbeitet: 30. September 2024
    Hiermit müsste es die Thumbnails in der mobilen Ansicht nicht mehr verzerren.

    Code:
    .product-info-thumbnails-mobile .swiper-slide .swiper-slide-inside img {
        height: auto;
    }

    Nachtrag:
    Deine Thumbnails haben width- und height- Attribute. Das haben sie im Standard nicht. Deshalb werden sie verzerrt.
     
  4. GlobenShop
    GlobenShop Erfahrener Benutzer
    Registriert seit:
    31. Januar 2024
    Beiträge:
    141
    Danke erhalten:
    36
    Danke vergeben:
    34
    Hallo Michaela,
    entschuldige meine späte Reaktion.
    Ja, das hat geholfen. Jetzt gibt´s beim PageSpeed Insights nichts mehr zu motzen.
    Vielen, vielen Dank für die Unterstützung.
    Gruß Robert