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.985
    Danke erhalten:
    483
    Danke vergeben:
    475
    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.319
    Danke erhalten:
    6.275
    Danke vergeben:
    1.119
    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.319
    Danke erhalten:
    6.275
    Danke vergeben:
    1.119
    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.666
    Danke erhalten:
    11.378
    Danke vergeben:
    1.618
    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.985
    Danke erhalten:
    483
    Danke vergeben:
    475
    #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.666
    Danke erhalten:
    11.378
    Danke vergeben:
    1.618
    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.