Lightbox deaktivieren für iPhone und iPod

[gregor]

Hallo zusammen!

Kann man die Lightbox-Funktionalität deaktivieren wenn ein user_agent iPhone oder iPod (nicht iPad) die Seite aufruft?

Bei den kleinen Displays macht sich die Lightbox nicht so gut.


VG

Gregor

[andreas.schempp]

Hallo Gregor,

Was passiert denn bei diesen Clients? Wir wird das Bild geöffnet?

[gregor]

Hallo Andreas,

mit aktivierter Lightbox sieht es auf dem iPhone und iPod Touch nicht so gut aus.
Der Hintergrund läßt sich verschieben und die Lightbox deckt nicht alles ab, bzw. wenn ich per Metatag nicht für iPhone und iPad um 50% runterskaliere, ragt sie übers Display raus, da ich sie mit 600x400px öffne.

Hier ein temporärer Link zum besseren Verständnis:

(Testlink entfernt da Lösung gefunden. Habe UA-Abfrage im Template integriert.)


Bitte hier dann das Bild anklicken. Hier ist die Lightbox aktiviert und wenn Du mit dem iPhone oder iPod drauf gehst, siehst Du, was ich meine.

Der Link "Zur Darstellung ohne MooTools" zeigt auf einer anderen Seite, wie es eigentlich auf dem iPhone/iPod aussehen sollte. Das interaktive Bild wird im iPhone/iPod als "Fullscreen" dargestellt. Das habe ich durch die Verwendung eines Seitenlayouts ohne aktivierten MooTools erreicht. Leider erhalten nun die "normalen" Besucher nicht mehr den schönen Lightbox-Effekt.

Ideal wäre für mich, wenn ich irgendwo und irgendwie die i-Dinger von dem Lightbox-Effekt ausschließen könnte, ohne Redirects.


Danke und Gruß

Gregor

[Macabelle]

Hallo Gregor,
mich beschäftigt die gleiche Frage. Hast du zu dem Thema je eine Antwort erhalten bzw. eine Lösung gefunden?

Über deine Hilfe würde ich mich sehr freuen.

Danke und beste Grüße,
Alexandra Nuijen

[gregor]

Hallo Alexandra,

Du kannst die Erweiterung agentfilter verwenden. Die funktioniert offiziell von Contao 2.9.0 bis 2.11.8, bei mir auch unter 2.11.9.

Damit erstellst Du zwei Inhaltselement, eines mit der Funktionalität für Desktop und eines mit der Funktionalität für iOS, also ohne den Lightbox-Effekt.

Bei dem Inhaltselement für iOS gibts Du unter "User Agent Einstellungen" bei "User Agent Suche" einfach iPod|iPad|iPhone ein. Unter Aktion klickst Du "Inhalte nur anzeigen, wenn die Zeichenkette im User Agent enthalten ist" an.

Beim Inhaltselement für Desktop gibts Du bei "User Agent Suche" auch iPod|iPad|iPhone ein. Bei Aktion klickst Du nun aber auf "Inhalte nur anzeigen, wenn die Zeichenkette NICHT im User Agent enthalten ist".

Das ist eigentlich alles. Ich hoffe, es klappt bei Dir auch so.

LG
Gregor

[Psi]

Nutzt du denn die aktuelleste Version? Ich meine sie hat recht gut auf mobilen Geräten funktioniert.
Ansonsten passe dir doch einfach dein moo_lightbox4ward Template an und wrapp den Code ...

if(!document.body.hasClass('mobile')) window.addEvent("domready", Mediabox.scanPage);

Achtung: Tablets sind nicht mobile