Content aus dem Manager je nach Viewport ändern.

[RobtheTop]

Hi. Ich habe im Contentmanager einen Eintrag den ich mir auf der Startseite anzeigen lasse. Das sieht auf dem Desktop auch ganz nice aus, allerdings ist der Text relativ lang, was auf mobilen Geräten eher störend ist, da knapp das halbe Display eingenommen wird.
Ist es irgendwie möglich den Viewport abzufragen und gegebenfalls einen anderen Content anzeigen zu lassen? Ähnlich so, wie im Bannermanager, wo man eine mobile Version wählen kann?

Ausblenden per "Display: none;" wäre jetzt keine Option. Es sollte schon angezeigt werden, aber eben ein angepasster Text.

Danke

Linkback: https://www.modified-shop.org/forum/index.php?topic=41842.0

[hpzeller]

[...]
Ausblenden per "Display: none;" wäre jetzt keine Option.
[...]

Wieso nicht?

Vorschlag:
Im Contentmanager beim Titel "Index" folgendes in der Quellcodeansicht einfügen.

Code: XML  [Auswählen]

<style>
@media only screen and (max-width: 985px) {
  #desc-long { display:none; }
  #desc-short { display:block; }  
}

@media only screen and (min-width: 986px) {
  #desc-long { display:block; }
  #desc-short { display:none; }  
}
</style>
<div id="desc-long">Hier kommt der lange Text für Bildschirmbreite grösser 985 Pixel rein.</div>
<div id="desc-short">Hier kommt der kurze Text für Bildschirmbreite kleiner 986 Pixel rein.</div>

Gruss
Hanspeter

[awids]

Da bin ich extra an den Rechner zurück, weil mir dieselbe Idee dazu kam und dann warst du wieder schneller.  Allerdings hätte ich vorgeschlagen, die entsprechend CSS-IDs in ein Stylesheet einzutragen, um Inline-CSS zu vermeiden.

[hpzeller]

Ja das wäre dann die saubere Lösung, meine ist schmutzig aber dafür kurz.

Gruss
Hanspeter

[RobtheTop]

Perfekt.
Auf die Idee bin ich garnicht gekommen. Ich hab die ganze Zeit in eine andere Richtung gedacht.
Danke euch beiden.
Nice.