Hallo
gibt es ein Möglichkeit einen Button zu erstellen, der bei mobilen Geräten das Wechsel der Ansicht zur Desktopansicht ermöglicht (Zur normalen Ansicht wechseln)?
Druckbare Version
Hallo
gibt es ein Möglichkeit einen Button zu erstellen, der bei mobilen Geräten das Wechsel der Ansicht zur Desktopansicht ermöglicht (Zur normalen Ansicht wechseln)?
nunja ... da bei einem responsiv Layout alles über media queries und CSS geregelt wird, wird das schwierig. Da musst du mit JS nachhelfen!
fg
nicky
sent via Tapatalk for iPhone
Schau mal unter https://gist.github.com/kikmedia/8487644, hab das mal exemplarisch über die .htaccess mit Cookies gemacht.
Grundsätzlich geht sowas, wenn Du für die Versionen mit zwei Seitenbäumen arbeitest. Bei der Variante, die nur auf @media setzt, müsste man gucken, dass man das CSS in Abhängigkeit vom Cookie lädt. Geht auch, ist aber etwas komplizierter. Noch ein Argument mehr für externe Stylesheets ... ;-)
Vorab danke für die Antworten. Wenn ich das richtig verstehe haben Webseiten mit einem "Ansicht wechseln"-Button zu 90% zwei identische Seitenbäume (webseite.de, mobile.webseite.de), und diese werden dann geswitched. Das wäre natürlich eine Lösung.
Momentan verwende ich drei Seitenlayouts:
- homepage (nur für die Startseite)
- subpage (für alle Seiten)
- mobilpage (für die mobile Ansicht)
Ich denke da wird es eh schwierig den Viewport zu umgehen.
Habe ich zwar selbst noch nicht ausprobiert, aber im Buch "Websites erstellen mit Contao 3" von Peter Müller (einmal mehr ... ;) ) habe ich dazu einen Abschnitt über die Verwendung des Inserttags {{toggle_view}} gefunden. Dort wird beispielhaft ein Button in die Seite eingefügt, mit der man zwischen Desktop- und mobiler Ansicht hin- und herschalten kann.
Kurz gefasst wird einfach ein Frontend-Modul "eigener HTML-Code" erstellt, in dem ein div für den Button angelegt wird, das so aussieht:
Das Modul wird dann in alle Seitenlayouts eingebunden (alle Desktop und alle Mobile...) und mit ein wenig CSS gestylt und fertig ist die Laube.HTML-Code:<div class="DeineKlasse">{{toggle_view}}</div>
Wie gesagt, nie von mir ausprobiert, aber ich verstehe das im Buch schon so, dass man sowohl auf dem Desktop als auch auf dem mobilen Gerät zwischen den beiden Ansichten wechseln kann.
Das geht eben nur, wenn man das über verschiedene Seitenlayouts geregelt hat (eins für Mobile und eins für Desktop). Wenn man nur mit media Queries arbeitet funktioniert das eben nicht ;-)Zitat:
Zitat von tab
Viele Grüße
Upps, sorry. Habe glatt übersehen in welchem Forum das steht. Da hast du also wohl recht, dass er das nicht so machen kann.Zitat:
Zitat von MacKP
Ich verwende ja verschieden Seitenlayouts für die "normale" und mobile Ansicht. Ich werde es mal testen.
FUNKTIONIERT !!!
Besten Dank !!!
Ich nutze auch das toggle_view mit Contao 3.3.2 zum Wechseln zwischen 2 Layouts für Web und Mobile.
Leider scheint es nicht so richtig zu funktionieren:
Drücke ich den Button muss ich die Seite neu laden und dann erst wird die Ansicht gewechselt.
Drücke ich den Button erneut um zurück zugelangen zur alten Ansicht muss ich wieder die Seite erneut laden damit es funktioniert.
Hat da jemand das selbe Problem und fand dazu eine Lösung?
Grüße