gelöst Responsive Bilder für den Teaser-Slider

Thema wurde von guenter_zietlow, 13. Januar 2018 erstellt.

  1. guenter_zietlow
    guenter_zietlow Mitglied
    Registriert seit:
    25. November 2017
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    2
    Hallo Community,

    wir installieren derzeit einen neuen Shop und nutzen dafür die Gambio-Version 3.7.2 mit Honeygrid. Die Bilder zum Slider haben für den Desktop eine Größe von 1050 x 250 px. Verkleinert man nun die Ansichtsfläche des Bildschirms werden die Bilder lediglich ausgeblendet und nicht verkleinert. Im Forum haben wir zu unserem Problem leider keine Lösung gefunden.

    Kann jemand helfen wie Slider-Bilder responsiv entweder erzeugt werden können oder wie das "css" gestaltet sein muss, damit die Bilder Responsiv werden. Das alles ist sehr einfach im Content, nur leider für uns nicht beim Slider.

    Vielen Dank für Eure Hilfe.

    Gruß Günter
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Du hast im Slider die Möglichkeit für kleinere Bildschirmauflösungen auch kleinere Bilder hochzuladen.
    Und wenn der Slider nicht angezeigt wird, hast Du ihn eventuell im Style Editor für die Bildschirmgrößen nicht eingeschaltet.
    (Allgemeines -> Teaser-slider)
     
  3. guenter_zietlow
    guenter_zietlow Mitglied
    Registriert seit:
    25. November 2017
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    2
    Hallo Babara,

    wir danken Dir für die Rückinformation. Leider trifft das nicht unser Problem, da dabei die Bilder ebenfalls statisch sind und lediglich für verschiedene Ausgabegeräte angepasst werden.

    Wir verwenden Laptops und PC-Bildschirme in verschiedenen Größen. Bei breiten Bildschirmen stellt sich diese Frage nicht. Bei schmaleren Bildschirmen jedoch und bei Kunden die ihre Sidebar ständig sichtbar haben, reicht der Platz nicht aus und der Slider wird garnicht erst angezeigt. Daher haben wir die Anzeige unseres Gambio-Shops auch von 1200 px auf 1100 px verkleinert, was den Gesamteindruck auch verbessert hat.

    In vielen Beispielen aus den Gambio-Referenzen werden Shops aufgezeigt, die responsive Bilder verwenden. Verkleinert man die PC-Ansichtsfläche, verkleinern sich auch die Bilder in diesen Shops, einschließlich der Slider-Bilder.

    Unsere Frage ist daher, ob es z.B. ein css-code gibt, der im USERMOD eingebunden werden kann, oder ob eine andere Möglichkeit besteht, Bilder responsiv machen - wie das z. B. im Content möglich ist.

    Vielen Dank für eine Information,

    Gruß Günter
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Hallo, ich habe meine Bilder in einer Größe in den Teaser-Slider eingebunden. Es werden alle Ausgabegeräte berücksichtigt und das Bild passt sich automatisch an die Größe an, ohne das ich das irgendwo einstellen musste. Ich würde sagen, das passiert automatisch.
     
  5. guenter_zietlow
    guenter_zietlow Mitglied
    Registriert seit:
    25. November 2017
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    2
    Hallo Barbara, hallo Momo,

    wir haben die Slider-Bilder entsprechend hochgeladen und es funktioniert. Vielen Dank für die Hilfe.

    Gruß Günter
     
  6. Ralf Koplin
    Ralf Koplin Mitglied
    Registriert seit:
    1. März 2013
    Beiträge:
    24
    Danke erhalten:
    4
    Danke vergeben:
    9
    Welche Größe müssen die einzelnen Fotos denn haben?
     
  7. Ralf Koplin
    Ralf Koplin Mitglied
    Registriert seit:
    1. März 2013
    Beiträge:
    24
    Danke erhalten:
    4
    Danke vergeben:
    9
    Hallo, gibt es eigentlich eine Empfehlung wie groß die Slider Bilder für jedes Gerät sein sollen.

    Gruß Ralf
     
  8. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das kommt darauf an, welchen Shopstyle du aktiv hast. Wenn du einen aktiv hast, in dem der Slider über die gesamte Seite gehen soll, dann musst du dich bei der Auflösung in der Breite auf jeden Fall an den Punkten orientieren, an dem die Ansicht des Templates auf die nächst kleinere geschaltet wird. Dafür als grobe Richtlinie:
    • Desktop: mindestens 1920px (wenn man 4k Displays mit abdecken will, sollte man eher mit 3840px rechnen)
    • Tablet-Landscape: mindestens 1199px
    • Tablet-Portrait: mindestens 991px
    • Smartphones: mindestens 767px
     
  9. Ralf Koplin
    Ralf Koplin Mitglied
    Registriert seit:
    1. März 2013
    Beiträge:
    24
    Danke erhalten:
    4
    Danke vergeben:
    9
    Ich bin gerade dabei den Shop aufzubauen, da noch nicht online. Ich nutze das Template Honeygrid wie der Testshop 1.

    Vielen Dank für die Infos.

    Vg Ralf