Alternative für Mediaqueries

[paddibr]

Hi, ich habe bis jetzt immer mit Mediaqueries gearbeitet um eine Seite responsive zu gestalten, dementsprechend habe ich verschiedene Div's mit display: none und block dargestellt. Ich stoße aber jetzt auf das Problem, dass bestimmte Div's nur unter bestimmten Auflösungen geladen werden dürfen (Werbemittel). Wie würdet ihr das Problem unter Contao lösen? Da mir die Layouteinstellung für mobile Seiten nicht ausreicht. Stichwort Javascript? Oder lieber mit PHP?

[dazzle89]

Theoretisch kann man sowas mit Mobile Detect umsetzen. Das ist ein PHP-Skript, das das Gerät erkennt und dann kannst du mit PHP-Abfragen Ausgaben für bestimmte Geräte umsetzen. Zum Beispiel "gib dieses Banner nur aus, wenn es sich um ein Smartphone/Tablet handelt". Das dürfte es auch als Contao-Erweiterung geben, musst du mal googlen. Ich glaube allerdings, dass solche Mobile Detects nicht zu 100% zukunftssicher sind. Bin gespannt, welche Methoden hier noch so vorgeschlagen werden.

[paddibr]

Ja ich würde es momentan mit einem PHP Script lösen. Ein Tablet soll z.B. das Werbemittel laden, da die Auflösung groß genug ist, ein Mobilgerät z.B. nicht.

[Thraile]

Und was wenn bei einem Desktop Rechner das Fenster kleiner ist als gedacht? Und each ist ein Gerät ein kleines Tablet oder ein großes Phone?

Wenn du wirklich responsive sein möchtest, sind Mediaqueries genau der richtige Weg [emoji6]

Gesendet von meinem D5803 mit Tapatalk

[paddibr]

Und was wenn bei einem Desktop Rechner das Fenster kleiner ist als gedacht? Und each ist ein Gerät ein kleines Tablet oder ein großes Phone?

Wenn du wirklich responsive sein möchtest, sind Mediaqueries genau der richtige Weg [emoji6]

Gesendet von meinem D5803 mit Tapatalk

Ja mediaqueries werden ja auch weiterhin verwendet, vllt hätte es heißen müssen: zusätzliche alternative zu mediaqueries. Es geht ja darum das richtige div zu einer bestimmten Auflösung zu laden und nicht einfach per CSS ein- und auszublenden..

[Spooky]

Du könntest es per AJAX nachladen lassen. Dein JavaScript übermittelt bei diesem AJAX Request einfach auch die Viewport Breite und per PHP gibst du dann das entsprechende HTML im Response zurück.

[stefan-at-work]

wenn es sich um separate Artikel oder Inhaltselemente handelt schau Dir mal mobile_extended an.

[paddibr]

Du könntest es per AJAX nachladen lassen. Dein JavaScript übermittelt bei diesem AJAX Request einfach auch die Viewport Breite und per PHP gibst du dann das entsprechende HTML im Response zurück.

so hab ich es gelöst und funktioniert auch wunderbar.