Smartphone Detect

[Mike1410]

Hallo,

soweit ich weiss bezieht sich die Möglichkeit, beim mobilen Geräten ein anderes Layout zu nutzen (einstellbar im bei Seiteneigenschaften und Seitenlayout), auf alle mobilen Geräte.

Wenn aber eine bestimmtes Layout nur für Smartphones (und nicht für Tablets) benutzt werden soll, wie kann man dies abfangen. Geht ja mit CSS, aber gibts auch ne komfortablerer Lösung?

[Thoni]

Hallo,

eine Möglichkeit ist, bei der Erweiterung mobile_extended eine maximale Breite für das mobile Design anzugeben.

Somit kann man keine bestimmten Geräte, aber größere Displays ausschließen.

Gruß
Thoni

[Mike1410]

Vielen Dank, das hilft mir wirklich weiter !!!

[xchs]

Wenn aber eine bestimmtes Layout nur für Smartphones (und nicht für Tablets) benutzt werden soll, wie kann man dies abfangen.

Soweit mir bekannt, werden Tablets (iPad) in Contao standardmäßig nicht als mobiles Gerät betrachtet (siehe "agents.php").

[Mike1410]

Bist du dir sicher? Dann wäre in meinem Fall die Installation der Erweiterung überflüssig.

[xchs]

Ziemlich sicher: https://github.com/contao/core/blob/...agents.php#L23

Es gibt aber auch Erweiterungen, die das diesbezügliche Standardverhalten ändern: https://contao.org/de/extension-list...ection.de.html

[Thoni]

Es gibt Tablets mit Andriod-Betriebssystem.

'Android'       => array('os'=>'android',    'mobile'=>true), 

Wenn ich es richtig sehe, wird so ein Gerät dann als mobile eingestuft.


Und agentSelection gibt es momentan nicht für Contao 3.x


Für welche Contao-Version wird denn eine Lösung gesucht?

[Mike1410]

Für Contao 3.

Ich habe nun mal die Erweiterung mobile_extended getestet. Nun kann man in der Seitenstruktur in den Eigenschaften der Seite, unter Sichtbar: -überall-, -nicht mobile Geräte-, -nur mobile Geräte-, wählen. Ich schliesse aus diesem Kontext das man eine Seite je nach Gerät deaktivieren kann.

Allerdings funktioniert die Funktion nicht. Denn wenn ich beispielsweise -nicht mobile Geräte- wähle, wird die Seite in der Hauptnavigation angezeigt und ist auch anwählbar bzw. aufrufbar. Ich muss dazu sagen ich, ich nehme für die mobile Seite die Quicknavigation. Trotzdem sollte dies nicht sein.

Generell wäre schön wenn irgendwo einheitlich steht oder auch einstellbar ist wann ein mobiles Layout genutzt werden soll und wo nicht. Denn die heutigen tablets, egal ob iOS oder Android, sind zwar mobile Geräte, aber die Auflösungen sind so hoch, das man problemlos das Standardlayout laden kann. Nur bei den Smartphones, deren Screens kleiner ist sollte ein mobiles Layout geladen werden.

[Thoni]

Hallo,

bei mobile_extended ist es wichtig, die Layouts

Seitenlayout und Layout für mobile Seiten

auszuwählen, hast du das gemacht?

Hast du die angegebene Zeile in des Navi-Template eingefügt?

[Mike1410]

Jo das habe ich.

Mir ist aber, neben meinem eigentlichen Problem, aufgefallen, dass es nun die Möglichkeit gibt, Seiten in der mobilen bzw. "normalen" Version zu deaktivieren. Denn nach der Erweiterungsinstallation erscheint nun diese Funktion bei den Seiteneigenchaften. Und die funktioniert nicht aber nicht. Denn laut meinem Verständnis, sollte diese Funktion doch dazu dienen, das man manchen Seiten nur den Desktop Usern zeigt.

[Mike1410]

Das mit der Zeile in das NaviTemplate einfügen, ist mir nicht klar. Was meinst du damit?

[Thoni]

Zitat von der Downloadseite:

ACHTUNG: Für die Menüpunkte muss man im Navigationstemplate ganz oben die folgene Zeile einfügen:
include('system/modules/mobile_extended/scripts/tl_page.php');

[Mike1410]

Das habe ich übersehen

[Thoni]

Mir ist aber, neben meinem eigentlichen Problem, aufgefallen, dass es nun die Möglichkeit gibt, Seiten in der mobilen bzw. "normalen" Version zu deaktivieren. Denn nach der Erweiterungsinstallation erscheint nun diese Funktion bei den Seiteneigenchaften. Und die funktioniert nicht aber nicht. Denn laut meinem Verständnis, sollte diese Funktion doch dazu dienen, das man manchen Seiten nur den Desktop Usern zeigt.

Wenn beide Templates angegeben sind, sollte es funktionieren.
Du kannst mir mal einen Zugang anlegen und mir zuschicken - ich sehe es mir dann mal an, wenn du möchtest.

[Mike1410]

Ich teste es erstmal selbst. Wenn es nicht klappt werde ich auf dich zu kommen.

Vielen Dank !!!

[Mike1410]

Hallo,

eine Möglichkeit ist, bei der Erweiterung mobile_extended eine maximale Breite für das mobile Design anzugeben.

Somit kann man keine bestimmten Geräte, aber größere Displays ausschließen.

Gruß
Thoni

Wo finde ich diese ?

[Thoni]

Zitat von der Downloadseite

In den System-Einstellungen kann man die maximale Größe für das mobile Layout angeben und auswählen, in welche Richtung automatisch umgeschaltet werden soll:

Beide Richtungen
Mobil -> Desktop-Layout
Desktop -> Mobil-Layout

[Mike1410]

Vielen Dank.

Ich verstehe aber nicht was die Richtung bringen soll. Denn wenn ich beispielsweise (nur zum Testen) bei "mobile Breite" 1400 eingebe, wird das mobile Layout geladen bei allen Geräten unter 1400px Auflösung (habe es mit einem Netbook mit 1366px Auflösung getestet). Dabei ist es egal was ich bzw. welche Richtung ich bei "Automatischer Layoutwechsel" angebe (hab alles ausprobiert). Sprich der Erweiterung ist es egal ob ei ein mobiles Gerät oder nicht ist.

Die Abfrage soll aber so sein:
1. Bist du ein mobiles Gerät? wenn -nein- dann Desktop-Layout, wenn -ja- dann zur nächsten Abfrage (2.)
2. Bist du breiter als 990px (nur ein Beispielwert)? wenn -ja- dann Desktop-Layout, wenn -nein- dann Mobil-Layout.

Ich hoffe ich habe mich verständlich ausgedrückt, denn nur so kann man sicher gehen das alle non-mobilen Geräte auch das Desktop Layout bekommen.

[Thoni]

Die Abfrage soll aber so sein:
1. Bist du ein mobiles Gerät? wenn -nein- dann Desktop-Layout, wenn -ja- dann zur nächsten Abfrage (2.)
2. Bist du breiter als 990px (nur ein Beispielwert)? wenn -ja- dann Desktop-Layout, wenn -nein- dann Mobil-Layout.

Genau so ist es auch gemeint.

mobileslayout.jpg

Wenn du beide Layouts angegeben hast (s.Anhang), bin ich erst mal überfragt.
Vielleicht sollte ich es mir doch selber mal ansehen.


Gruß
Thoni

[Mike1410]

Hast du dies bei jeder Seite in der Seitenstruktur fetgelegt, oder nur bei der Root Webseite. Denn bei der obersten Seite (ROOT, nenne ich es mal) kann man ja eintragen welches Layout standardmäßig für die kompletten bzw. allen Seiten verwendet werden soll. Hier macht es Sinn, sonst müsste ich jeder Seite mitteilen wann mobil oder nicht?

Werde mal ein Ticket generieren und mich an den Autor wenden.

[xchs]

Werde mal ein Ticket generieren und mich an den Autor wenden.

Ah... Du unterhälst Dich ja hier die ganze Zeit schon mit dem Autor der Erweiterung, nicht?

[Thoni]

@xchs
du hast Recht ;-)


@Mike1410
Ich habe es gerade getestet - das mit dem Root funktioniert bei mir.

[Thoni]

Genau so ist es auch gemeint.

Sorry, die Aussage war falsch.
Richtig ist:

Wenn die Erweiterung das Layout wechselt, ist es egal, welches Gerät sich dahinter verbirgt.
Dann werden also alle Geräte umgeschaltet.