Zum Inhalt springen

Responsives Webdesign

Erstellt am 29. April 2013 · 5 Antworten · letzte Antwort am 3. Mai 2013

Tags: Frage

dausi2013 ·

Hallo liebes Forum,

wir entwickeln bereits viele Typo3 Seiten responsive und greifen dabei auf den klassischen Viewport in Verbindung mit Media Querys in CSS3 zurück. Bei kleineren Websites ist das auch optimal lösbar ohne auf ein anderes Template zurückzugreifen.

Nun ist es aber bei einer ziemlich umfangreichen Website mit vielen Produkten etc. notwendig ab einem gewissen Viewport, bzw. ab einer bestimmten Bildschirmgröße auf ein anderes Template zurückzugreifen.

Wir arbeiten mit Templavoila und ich möchte quasie folgendes erreichen:

Nutze ab 468px Breite Template B (Templavoila).
Für alles über 468px Breite nutze Template A (Templavoila).

Ist das irgendwie über Typoscript möglich?

Wie macht ihr es, wenn die Inhalte aufgrund der Masse per CSS nicht mehr responsivierbar sind und theroretisch auf ein neues Template zurückgegriffen werden müsste?

LG

Viele Grüße

Chrissli ·

Hallo Dausi,

ich wüsste nicht, dass es per PHP eine Möglichkeit gibt das Seitenverhältnis oder Auflösung abzufagen, somit wäre Typo3 überfordert.
Ich könnte mir aber vorstellen per Javascript & Cookie einen entsprechenden Redirect zu machen, um dann z.b. per GP zu entscheiden, welches Template das richtige ist. Quasi so wie viele Extensions für Mobile-Erkennung es auch machen.

dausi2013 ·

Danke für die Rückmeldung Chrissli!

Hat noch jemand eine andere Idee oder Lösungsvorschlag?

Danke und viele Grüße
DAUSI 8-)

DarkNemesis ·

Einfach damit arbeiten:

@media only screen and (max-device-width: 480px)

Davon kann man verschiedene widths anlegen.

etux ·
DarkNemesis schrieb

Einfach damit arbeiten:

@media only screen and (max-device-width: 480px)

Davon kann man verschiedene widths anlegen.

Verrätst Du uns, wie Du damit das alternative Template aktivierst? 😉
Oder hast Du einfach die Frage nicht gelesen? #giggle#