Artikelbild Zoom mobil

Thema wurde von Anonymous, 23. Januar 2023 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Leider kann man in der mobilen Ansicht die Artikelbilder nicht zoomen.
    Kann ich das selbst "irgendwie" einstellen?
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    klinke mich hier mal ein.
     
  3. KlausK

    KlausK Erfahrener Benutzer

    In der mobilen Ansicht kenne ich das nur mit der Lightbox
    Einstellungen >>> Layout & Design >>> Artikeldetailseite >>> Bildergalerie als Lightbox einbinden
     
  4. ww2-militaria-shop

    ww2-militaria-shop Erfahrener Benutzer

    Klinke mich hier auch mal ein
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Das hab ich. Aber hier kann der Kunde trotzdem das Bild nicht mit den Fingern größer ziehen.
     
  6. KlausK

    KlausK Erfahrener Benutzer

    Mein ältester ist v4.4.0.5. Mit den Fingern reinzoomen funktioniert da aber auch nicht. Ich kann mich gar nicht daran erinnern, dass das im Gambio überhaupt mal möglich war. Dafür müsste man die Seite auf dem Phone in der "Desktopansicht" öffnen, dann geht das.
     
  7. Hilke (Gambio)

    Hilke (Gambio) Super-Moderator Mitarbeiter

    Hallo zusammen,

    eine Zoomfunktion ist derzeit aus technischen Gründen nicht verfügbar. Das umzubauen wäre recht kompliziert, daher (noch) nicht umgesetzt.

    Ich leite es aber gerne als Wunsch weiter.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Achtung: Von Gambio nicht (!) empfohlen!

    'viewport' anpassen, z.B.
    Code:
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" />
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Ja bitte, das ist meiner Meinung nach schon SEHR wichtig.
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    warum ist das von Gambio nicht empfohlen?

    dafür würde ich mich sogar an die Dateien wagen. Außer es wird in einer PHP geändert. Da komm ich nicht ran.
     
  11. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Es ist in einer Theme-Datei :)
    /themes/<Dein Theme>/html/system/layout_head.html
     
  12. Anonymous

    Anonymous Administrator Mitarbeiter

    Nur um das klarzustellen, es gibt im Shop eine Funktion wo man mit der Maus über das Artikelbild fährt um eine vergrößerte Ansicht zu bekommen, das ist ein MousOver Event über JavaScript sowas ist in der mobilen Ansicht technisch nicht möglich.
    Das man den viewport in der HTML Datei anpassen kann damit man in der mobilen Ansicht normal zoomen kann ist eine andere Funktion.
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    @Till (Gambio)

    Kann ich mit diesem Code das Artikelbild in der mobilen Ansicht mit den Fingern vergrößern?

     
  14. Anonymous

    Anonymous Administrator Mitarbeiter

    Damit kann man nur erreichen, dass man die Seite im mobilen Browser mit den Finger vergrößern kann, ob das Bild dann auch vergrößert wird, hängt vom jeweiligen Gerät ab.
     
  15. Anonymous

    Anonymous Erfahrener Benutzer

    ok, danke.

    Hat das zufällig schon jemand ausprobiert ob das funktioniert?
     
  16. Marias Einkaufsparadies

    Marias Einkaufsparadies Erfahrener Benutzer

    Ja ich und es klappt. Habe es aber wieder entfernt, weil, wie schon erwähnt, die ganze Seite gezoomt wird. Da kann ganz schnell der Schuss nach hinten losgehen. Denn wenn der Besucher dies nicht raft und nach schließen des Bildes eine stark vergrößerte Seite hat. Es kann sein, dass der Besucher dann verwirrt ist und die Seite verlässt.
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    Schade, danke dir. Hast du eine andere Lösung gefunden?
     
  18. Anonymous

    Anonymous Erfahrener Benutzer

    .....ein Gedanke:
    oder man macht "Bildergalerie als Lightbox einbinden" aus. Dann passiert in der mobilen Ansicht nichts wenn man auf das Bild klickt.
    Um es dann größer zu sehen zieht man es automatisch mit 2 Fingern größer und wieder kleiner.
     
  19. Anonymous

    Anonymous Erfahrener Benutzer

    in den core web vitals für barrierefreiheit wird dies sogar bemängelt, dass es nicht zoombar ist.
    upload_2023-1-24_17-9-0.png
     
  20. Anonymous

    Anonymous Erfahrener Benutzer

    mit meinem : hats gerade geklappt....:D

    jetzt versuche ich mich hierbei:
    bedeutet dies, dass ich einen Ordner "html" und in diesen einen Ordner "system" anlege und in diesen eine html-Datei mit dem Namen layout_head.html speichere? und in die "layout_head.html" schreibe ich:
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

    ??:)