product_thumbnail_swiper -Größe ändern?

Thema wurde von Anonymous, 3. August 2017 erstellt.

  1. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    6. September 2011
    Beiträge:
    1.981
    Danke erhalten:
    478
    Danke vergeben:
    471
    Hallo Gemeinde!
    Kann mir evtl. jemand sagen in welcher css-Datei, und wo genau ich die Thumbnail größe ändern kann?!
    Danke vorab!

    Thumbnail-grösse_aendern.jpg
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    In keiner CSS Datei - Man überschreibt mit eigenem CSS die Shopwerte, damit es updatesicher bleibt.
    Einfach rechte Taste drauf "untersuchen" sich den code schnappen und im SE3 unter eigenes CSS ablegen.
     
  3. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Wäre z.b.
    .product-container .gallery {
    width: 95px;
    }
    wenn den breiter machst wird auch das Bild breiter, da die als Background images hinterlegt sind in der Listen Darstellung.
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Es gibt aber auch eine Einstellung über die Menge der angezeigten Bilder.
    Es steht z.B. in der templates/ Honeygrid/ snippets/ product_info/ images/ product_images.html
    {include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_thumbnail_swiper" startWidget="true" swiperImages=$thumbnails itemProp=$RICH_SNIPPET_ARRAY.product_itemprop_image swiperTarget="#product_image_swiper" swiperOptions=", \"spaceBetween\": 10, \"loop\": false, \"direction\": \"vertical\", \"slidesPerView\": 4, \"autoplay\": null" additionalData="data-swiper-breakpoints=\"[]\""}

    für 4 Bilder stellst Du das auf "6" werden die Bilder kleiner.
     
  5. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    6. September 2011
    Beiträge:
    1.981
    Danke erhalten:
    478
    Danke vergeben:
    471
    #5 Anonymous, 3. August 2017
    Zuletzt bearbeitet: 3. August 2017
    Hallo @Dennis (Print-Weilburg.de)
    Haut nicht hin, ändert nur die Ansicht auf der Hauptseite.
    Bin jetzt erst mal am suchen....

    Und zerhackt den Text....

    Thumbnail-grösse_aendern2.jpg
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Gesamte Breite und Höhe der Galeriebilder:

    Code:
    .product-info-thumbnails {
        width: 130px;
        height: 550px;
    }
    Code:
    .product-info-thumbnails #product_thumbnail_swiper {
        height: 470px;
    }
    Code:
    .product-info-thumbnails .swiper-slide{
    width: 124px;
    }
    und dann sind da noch element-Styles, in einer Datei.
    Normalerweise müsstest Du das aber über die Artikel-bild-Einstellungen im Style Editor regeln können.