V14: Website (Produktkataloge) wird auf Mobilgeräten nicht richtig angezeigt 
Autore: Joerg U.
Visite 1111,
Followers 1,
Condiviso 0
In den Einstellungen "Auflösungen und responsiven Design" habe ich die Option "Desktop-Website" ausgewählt".
Diese Option besagt: "Diese Website ist für die Darstellung am Desktop optimiert. Sie wird auf Desktopcomputern und Mobilgeraten identisch dargestellt".
Das tut sie leider nicht. Selbst wenn ich einen Produktkatalog komplett ohne Rahmen und ohne einen Objektstil erstelle, wird die Website auf mobilen Endgeräten nicht korrekt und für den User unverständlich dargestellt. Das Gleiche gilt auch, wenn ich die Option "Responsive Website" wähle. Dann wird sie zwar auf Desktop-Computern korrekt angezeigt aber nicht auf mobilen Endgeräten.
Die Produktkataloge wurden nicht aus einer Vorgängerversion importiert sondern alle neu in V14 angelegt.
Postato il
Guten Tag,
Können Sie mir einen Screenshot senden wie es bei Ihnen auf mobile Geräte dargestellt wird?
Bei meinen Test erscheint alles korrekt ausser die OBjekte dier im Header oder Footer in den letzen Breakpoint ausserhalb des sichtbaren Teil liegen.
Vielen Dank!
Autore
Guten Abend Claudio,
nach Anraten von Andreas S. habe ich die ganze Website vom Server gelöscht und vor dem neuen Upload in den Einstellungen "Auflösungen und responsiven Design" die Option "Responsive Website" aktiviert und dann alles neu hochgeladen.
1.) Beim Tablet werden Texte im Seiteninhalt angezeigt aber dafür fehlt im Produktkatalog der Scrollbalken und somit die Anzeige von Preis, Verfügbarkeit, Menge und der Bestellbutton.
Hier der Tablet-Screenshot:
2.) Hier der Smartphone-Screenshot: Sowohl Header als auch Footer sind drauf aber dafür überhaupt kein Seiteninhalt und keine Navigation.
Vielen Dank für Ihre Hilfe.
Viele Grüße
Jörg
Das mit der Navigation ist deshalb, weil anscheinend kein MEnü-Objekt bei den kleineren Breakpoints eingerichtet ist. Oder außerhalb des sichtbaren Bereichs. Das obige PRoblem habe ich auf meinem HAndy nicht. ICh sehe alles und auch den Scrollbalken. Möglicherweise mal den Browsercache leeren am HAndy. ODer auf welchem Handy testest du?
Autore
Guten Morgen Andreas,
danke für Deine Antwort. Ich hab' auf dem Server alles nochmal gelöscht und neu hochgeladen.
Jetzt ist der Seiteninhalt auch auf dem Handy (Huawei P9) zu sehen. Die Navigation kann ich nicht eingeben weil ich in der "Vorlage der Struktur" in den Breakpoints 0-480px keine Seitenleistenoption habe. Nur für "Header und Fußleiste". Daher kann ich somit auch im "Inhalt des Templates" keine Seitenleiste anlegen und bekomme die Meldung "Seitenleiste in dieser Ansicht nicht verfügbar".
Was das Tablet betrifft, könnte es bei mir sein, dass es zu alt ist. Ich glaube das Teil heißt Samsung Note 2 (Bj. 2012). Allerdings hat es vor der Umstellung von "Desktop" auf "Responsiv" einwandfrei angezeigt. Erst danach nicht mehr. Wird alles auf Deinem Tablet korrekt angezeigt?
Viele Grüße
Jörg
Autore
Kann bitte mal jemand unsere Website auf seinem Tablet und Smartphone checken. Auf meinem Huawei P9 läuft die Website im querformat völlig normal aber hochkant überhaupt nicht.
Auf dem Tablet werden die Produktkataloge ohne Preis, Menge und Bestellbutton angezeigt (Samsung 2) und bei Euch?
Hier ein Link auf eine Produktseite von mir: https://ballons-in-mainz.de/geburtstagsballons-mainz.html
Danke für Eure Antworten
Was ich so sehe hast du in den niedrigen Breakpoints im Header etwas außerhalb des sichtbaren Bereichs stehen, dass es den Scrollbalken unten anzeigt. Am handy ist es natürlich ein rechter weisser Bereich. Dann solltest du dir überlegen ob du nicht schon bei einem früheren Breakpoint auf horizontales MEnü (HAmburger MEnü) umschalten solltest, denn bis zum 480px BReakpoint sieht es sehr unvorteilhaft aus.
Bei meinem Galaxi S5 ist rechts aussen das Logo Qalatex Ballon erst sichtbar wenn man nach rechts scrollt. Dann ist die Seite nach unten weiß. Wahrscheinlich musst du das Logo in diesem Breakpoint nach links einrücken.
Auf dem Warenkorbwägelchen im Header stehen noch 2 Zahlen darüber.
Autore
Super, vielen Dank Freunde,
ich werde am Montag das Qualatex Logo abschneiden und ja, Andreas, ich schau mal wie ein horizontales H-Menue aussieht. Ich hab halt viele Navigationsbuttons. Aber ein Versuch ist es wert.
Siegbert, danke für den Warenkorb. Es sind die Anzahl der Artikel des Warenkorbes und der Warenkorbwert. Die muss ich noch irgendwie reinfummeln oder ich mach's im horizontalen H-Menue mit einem Button, wie von Andreas vorgeschlagen.
Danke nochmals und ich melde mich wieder...
Jörg
Autore
Nun, soweit ist alles OK nur dass ich auf dem Tablet die Produkte nicht bestellen kann weil Preis, Menge und Bestellbutton nicht sichtbar ist. Und bei Euch?
Guten Tag Joerg,
sie sollen bitte die Version Ihres Browsers aktualisieren, danach werden Sie die Produkte korrekt sehen können.
Vielen Dank. Mit freundlichen Grüßen.