Bildervorschau in Detailansicht

Thema wurde von Christian Koch, 9. März 2020 erstellt.

  1. Christian Koch
    Christian Koch Erfahrener Benutzer
    Registriert seit:
    20. Juli 2011
    Beiträge:
    71
    Danke erhalten:
    1
    Danke vergeben:
    25
    #1 Christian Koch, 9. März 2020
    Hallo,

    seit einem Shopupdate ist, wenn ein Artikel mehrere Bilder hat, die Bildvorschau in der Artikeldetailansicht sehr unschön. Die Bilder werden sehr klein und mit einem weißen Rand angezeigt. Wo kann ich das ändern?
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.627
    Danke erhalten:
    11.348
    Danke vergeben:
    1.614
    #2 barbara, 9. März 2020
    Normalerweise sind die Blider neben dem großen Artikelbild.
    Bei Dir sind sie darunter.
    Das sieht nach einer Anpassung aus, die jetzt nciht mehr richtig passt.
    Die muss neu gemacht werden.
     
  3. Christian Koch
    Christian Koch Erfahrener Benutzer
    Registriert seit:
    20. Juli 2011
    Beiträge:
    71
    Danke erhalten:
    1
    Danke vergeben:
    25
    #3 Christian Koch, 10. März 2020
    Anbei meine CSS Lösung:

    Code:
    #product_thumbnail_swiper {
    max-width: none;

    .swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        align-content: flex-start;
    }
   
    .swiper-slide {
        flex: 0 1 auto;
        height: 60px!important;
        width: 60px;
        margin-right: 10px;

        &:last-child {
            margin-right: 0;
        }

        .align-middle {
            padding: 3px;
        }
    }
}
    Das Ergebnis ist wie im Anhang.
     

    Anhänge: