Hi Leute!
wir arbeiten zur Zeit an unseren Templates und haben das Problem, dass uns die Ansicht für die für die Mobilen Geräte (bzw. nur die XS Ansicht) nicht ganz so gut gefällt. Wir würden die gerne komplett anders gestalten als den Rest des Templates. Die Inhalte bleiben aber überwiegend gleich - nur kleiner
.
Nun kam mir der Gedanke dafür eigene Template Dateien innerhalb des Child-Templates anzulegen.
Das aus zweierlei Gründen.
Zum einen passiert es mir hin und wieder, wenn ich nicht aufpasse, dass ich CSS Eigenschaften oder HTML Elemente anpasse und dabei vergesse, dass diese teilweise auch negative Auswirkung auf die Mobile Version hat.
Zum anderen wollten wir die Daten, grade für die Handys, so schlank wie möglich halten. Da würde es sich natürlich anbieten, Dateien und DOM Elemente, die nicht gebraucht werden, gar nicht erst zu laden anstatt diese auf "xs-hidden" zu setzen.
Aber auch grundlegende Funktionsweisen wollten wir aus Usability Gründen anpassen.
Nun meine Fragen:
Wie könnte ich das am klügsten anstellen?
Mit einer Abfrage ob die mobile Version angezeigt werden soll? Wo und wie sollte ich am besten die "Weiche" ins Template einbauen?
Macht das aus eurer Sicht Sinn? Habt jemand Erfahrungswerte?
Ich bin über jede Meinung und jeden Denkansatz dankbar!
Vielen Dank im Voraus!
LG
Tomas
wir arbeiten zur Zeit an unseren Templates und haben das Problem, dass uns die Ansicht für die für die Mobilen Geräte (bzw. nur die XS Ansicht) nicht ganz so gut gefällt. Wir würden die gerne komplett anders gestalten als den Rest des Templates. Die Inhalte bleiben aber überwiegend gleich - nur kleiner
.Nun kam mir der Gedanke dafür eigene Template Dateien innerhalb des Child-Templates anzulegen.
Das aus zweierlei Gründen.
Zum einen passiert es mir hin und wieder, wenn ich nicht aufpasse, dass ich CSS Eigenschaften oder HTML Elemente anpasse und dabei vergesse, dass diese teilweise auch negative Auswirkung auf die Mobile Version hat.
Zum anderen wollten wir die Daten, grade für die Handys, so schlank wie möglich halten. Da würde es sich natürlich anbieten, Dateien und DOM Elemente, die nicht gebraucht werden, gar nicht erst zu laden anstatt diese auf "xs-hidden" zu setzen.
Aber auch grundlegende Funktionsweisen wollten wir aus Usability Gründen anpassen.
Nun meine Fragen:
Wie könnte ich das am klügsten anstellen?
Mit einer Abfrage ob die mobile Version angezeigt werden soll? Wo und wie sollte ich am besten die "Weiche" ins Template einbauen?
Macht das aus eurer Sicht Sinn? Habt jemand Erfahrungswerte?
Ich bin über jede Meinung und jeden Denkansatz dankbar!
Vielen Dank im Voraus!
LG
Tomas