Artikelbild Zoom mobil

Ööhh, ich dachte Edge und Chrome wären technisch (so gut wie) das Gleiche?

 

Hallo Dominik,
in meiner Theme (hab sie dubliziert und aktiviert) habe ich im Ordner "meine_them">html>system" nur html Dateien, die mit "content_zone_...." beginnen.
Binn ich hier falsch.
Auch eine andere Frage. Hätte man nicht einfach in Einstellungen > Tacking Codes im Head Bereich die Meta Angaben um den Viewport ergänzen können?

 

siehe Beitrag #25

hast du einen Cloudshop? Falls ja, habe in Beitrag #30 erklärt wie ich es gemacht habe.

 

Zu #25 - ja, das habe ich mir gedacht.
Ich benutze einen selfhosted Shop, hab´s auch mal so probiert, allerdings ohne Erfolg.

 

dann brauchst du Beitrag #26 und #27

 

Hallo zusammen,
hier meine Kurzfassung für alle self-hosted Shops, die auch die Barrierefreiheit durch die Zoom-Funktion, also Vergrößerung der mobilen Ansicht durch Fingerzoom, erhöhen wollen. Dies wird ja insbesondere in Google Pagespeed gewürdigt.
Vielen Dank vor allem an Michaela Klaiber für Ihre Hartnäckigkeit und DOGS in the CITY für die layout_head.html.
Auch Danke an an Dominik Späte für den Hinweis, dass es keinen Sinn macht den Code von layout_head als weitere Meta-Angabe einzufügen.

Unter themes > html einen neuen Ordner custom anlegen und dort die bereits erwähnte layout_head.html hochladen. Dann die Caches löschen. Das wars.

Bei mir sind die Barrierefreiheitswerte in Google Page Speed um 7 Punkte (mobil) und 5 Punkte (desktop) gestiegen.

 

freut mich, dass es geklappt hat.

 

Hab es jetzt auch den Zoom für mobil über Einstellungen -> neuer Meta-Tag viewport eingerichtet. Dazu die Lightbox aktiviert, wo die original-images zur Verfügung stehen. Jetzt wäre noch ein Lupensymbol neben dem Bild hilfreich, damit man das Bild mit einem Finger anstatt mit zwei Fingern antippt.

 

Ab Aktivierung der Lightbox ist der CLP (Largest Contentful Paint, meldet die Renderingzeit des größten Bild- oder Textblocks) für alle Produkte in der google search console bei core web vitals von gut auf zu optmieren gesprungen, da die Zeit (CLP) auf über 2,5 Sekunden bei mobil gestiegen ist.

 

Hallo noch mal,

ich habe die layout_head.html -Datei aus dem Parent-Theme in das Child-Theme childtheme/html/system kopiert und ausschließlich den viewport-block entsprechend angepasst. Der Zoom funktioniert. Das Problem ist aber, dass layout_head.html die Übertragung der Daten an Google Analytics behindert. Weiß vielleicht jemand, wie das Problem zu lösen ist?

Danke,

Max

 

Es gab vor längerem ein Update in dem diese Zeile angepasst wurde und der Zoom mobil dann funktionierte.

Seit dem Update 26.08.0 ist diese Zeile nun aber wieder auf die "Alte" zurückgeändert worden. Warum?

 

Ist irgendjemand zufällig noch mit der 26.07.0 unterwegs und könnte in der layout_head.html nachschauen, wie die Zeile dort aussieht?

So:

Code:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0" />

Oder so:

Code:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

Oder anders?

 

in welchem Ordner finde ich diese?

 

Malibu/html/system/layout_head.html

Ob die bei self-hosted auch dort liegt weiß ich nicht. Aber die Datei heißt layout_head.html

 

Bei mir ist sie so:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0" />

26.07.0

 

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0" />

 

Ich habe diese Datei allerdings auch noch im Ordner html/custom und da sieht es so aus:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

 

Danke dir. Funktioniert bei dir in der mobilen Ansicht der Fingerzoom des Artikelbildes?
Darf ich nach deiner Shopadresse fragen?

 

Danke dir. Die Datei im Custom-Ordner ist deine selbst angelegte. Wahrscheinlich nach diesem Thread hier damals.

Hast du die Datei auch im 26.08.0 Shop?

 

Nein