Frontendmodule auch auflösungsabhängig positionierbar?

[Madob]

Hallo,

also ich möchte auf folgendes hinaus: Auf folgender Seite habe ich links die Adresse und die Öffnungszeiten stehen und ganz unten im Footer ne Art Sitemap.

Auf kleineren Bildschirmen soll nun unten im Footer statt der Sitemap (brauch ich in dem Fall nicht) die Adresse angezeigt werden.

Das wäre mit einem neuen Seitenlayout für mobile Geräte kein Problem, muss ich einfach die Frontendmodule anders positionieren, ABER ich hätte auch gern, dass dieses Verhalten auch am PC stattfindet, wenn ich die Seite zusammenschiebe. Also es ist mit klar, dass ich mithilfe der Media Queries die Inhalte abhängig der Auflösung anders gestalten kann, aber gibt es eben auch eine Möglichkeite die Module auflösungsabhängig anders zu positionieren?

Vielen Dank schonmal,

Martin

[mandrake]

Hallo Martin,

wenn ich Dein Anliegen korrekt interpretiere, kannst Du am gewünschten Breakpoint doch einfach via CSS den Footer ausblenden und musst dann lediglich die Sidebar mit der Adresse ggf. noch ein wenig anpassen.

MfG
Peter

[Madob]

danke für deine Antwort.

ok, du meinst den echten Footer einfach auszublenden und die linke Spalte (wenne in bestimmter Viewport unterschritten) wir einfach so zu stylen, dass sie wie der Footer aussieht.

das wäre in diesem Fall tatsächlich eine Lösung, daran habe ich garnicht gedacht. Danke

Aber ist es grundsätzlich möglich, Module anhand des Viewports anders zu positionieren?
Wer weiss, vielleicht braucht man ja sowas auch nochmal

[willshedo]

Das hast du dir doch schon selber beantwortet:

mithilfe der Media Queries die Inhalte abhängig der Auflösung anders gestalten

[Madob]

Inhalte anders gestalten ist ja kein Problem, mir geht es eher darum ob man anhand des zur Verfügung stehenden Viewports Frontendmodule an anderen Stellen einbinden kann.

[stephangunnar]

Du kannst z.B. ein Frontendmodul an zwei Stellen einbinden, und dann bei der "normalen" Ansicht die eine Stelle mit "display: none; ausblenden, und bei der "mobilen" Ansicht die andere Stelle mit "display: none;".