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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #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: