Die responsive Technik ist ja ganz nett, aber wie kriege ich es hin, daß Bilder vergrößerbar werden? Auf Mobilgeräten kann ich Grafiken normalerweise per Fingerzoom auseinanderziehen. Wenn ich Grafiken aber Responsiv eingebunden habe, geht das nicht mehr. Gibt es da eine Lösung für, das Vergrößern responsiv eingebundener Bilder wieder zu ermöglichen?
Bringt mir aber nix wenn 95% der Nutzer das nicht können. Ausserdem soll das Bild in vergrößerter Form stehen bleiben. Ich hätte das gerne für meine SVG-Ersatzteilzeichnungen. Dann könnte man die kleinen Teile besser mit dem Finger treffen... zB. hier: https://www.redozone.de/Tornador-Ersatzteile/Z-020-Black/
bei dem Artikel geht es bei mir übrigens auch nicht..... Und wenn Du das Bild zusätzlich als PDF druckst und bei Dokumente einstellst, dann könnte man das PDF vergrößern?!
Ich weiß nicht ob es damit zutun hat, aber in der Version 2.7.2.0 habe ich unter Darstellung -> Template Einstellungen den Menüpunkt "Bilder Zoom". In der 2.7.1.2 fehlt da bei mir. Da ich in der 2.7.2.0 aber noch keine Bilder habe, kann ich das gerade nicht testen.
Nein, nicht direkt. Der Bilder zoom ist ja nur für die Artikelbilder. Ich will aber grundsätzlich Bilder im Content oder Artikeltext zoomen können.
Wenn ich dich richtig verstanden habe, dann möchtest du allgemein die Zoom Funktion (Gesten-Funktion) aktivieren. Dann müsstest du bei HTML: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> auf HTML: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=yes" /> ändern... Bin mir aber nicht sicher
Die Änderung kann so aussehen und funktioniert bei mir: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes"> Das muss geändert werden in folgender Datei: /templates/Honeygrid/module/head.html Bei mir war nach dem Upgrade auf 3.4 alles wieder überschrieben worden mit: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> Auch gibt es denselben Inhalt in der Datei /admin/html/content/layouts/main/layout.html. Ob man das da auch zwingend ändern muss kann ich nicht mit Bestimmtheit sagen, ich habs jedenfalls auch da geändert. Gruss Bernhard
Bitte Vorsicht bei der Änderung. Meines Wissens ist dann eine korrekte Funktionsweise des Shops im Standard-Android-Browser nicht mehr gewährleistet. Der versucht dann immer erst zu zoomen, was Probleme mit den JavaScripten des Shops machen kann.
@Christian Mueller: Ist zwar gerade keine perfekte Lösung aber wie wäre es mit folgendem: Leg dir für deine Zeichnung folgendes an: Code: <div class="zoom-container"> <svg>Dein SVG</svg> </div> Dem Ganzen gibts du dann folgendes CSS mit: Code: @media (max-width: $screen-xs-max) { .zoom-container { max-height: 500px; width: 100%; overflow: auto; svg { width: 200%; } } } Das würde dir auf Mobilgeräten eine scrollbare Box erzeugen, in der die SVG vergrößert dargestellt werden kann. So können die Kunden die Grafik bewegen und können die Flächen besser treffen.