gelöst Größe der Artikelbilder in der Listenansicht

Thema wurde von Anonymous, 26. Januar 2018 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. November 2016
    Beiträge:
    95
    Danke erhalten:
    4
    Danke vergeben:
    5
    Guten Tag,

    da in der Anicht "Artikelliste" die Artikelbilder mit 100% Höhe ausgeggeben werden, richtet sich deren Größe nach der Höhe des Artikelkurztextes. Dadurch werden die Bilder bei unterschiedlicher Textlänge unterschiedlich groß angezeigt. Kann man dieses so ändern, dass alle Bilder bitte die gleiche Größe haben, also entweder den Text automatisiert auf die gleiche max. Länge bringen (truncate) oder den umgeben Container auf eine minimale Höhe einstellen? Hier noch ein Link wo eine Liste zu sehen ist, in der die Bilder unterschiedliche Größen haben: (Link nur für registrierte Nutzer sichtbar.)

    Vielen Dank und Gruß
    Michael
     
  2. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Versuchs mal mit folgendem, was du unter Eigenes CSS im StyleEdit 3 eintragen kannst:

    Code:
    .product-container .inside .content-container .content-container-inner .image .product-image img {
        max-height: 155px; // oder anderen Wert hier einfügen
    }
    Das sollte dafür sorgen, dass die Bilder nicht größer, als der angegebene Wert werden, selbst wenn der Text länger ist
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. November 2016
    Beiträge:
    95
    Danke erhalten:
    4
    Danke vergeben:
    5
    #3 Anonymous, 29. Januar 2018
    Zuletzt von einem Moderator bearbeitet: 31. Januar 2018
    Hallo Torben,
    herzlichen Dank, dies war der richtige Anstoss. Für alle die es noch interessiert, hier meine Änderungen:

    Code:
    .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image .product-image img {
        max-height: 170px; // oder anderen Wert hier einfügen
        min-height: 170px;
    }
    
    @media only screen and (max-width: 990px) {
    
    .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image .product-image img {
        max-height: 100%; // oder anderen Wert hier einfügen
        min-height: 100%;
    }
    Viele Grüße
    Michael
     
  4. Rolf Maurer

    Rolf Maurer Erfahrener Benutzer

    Registriert seit:
    28. Februar 2014
    Beiträge:
    133
    Danke erhalten:
    6
    Danke vergeben:
    10
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Wo hast du das eingetragen?
     
  6. Rolf Maurer

    Rolf Maurer Erfahrener Benutzer

    Registriert seit:
    28. Februar 2014
    Beiträge:
    133
    Danke erhalten:
    6
    Danke vergeben:
    10
    Hallo Barbara,

    sorry für die verspätete Nachricht: ich habe das im Style Edit unter CSS eingetragen.