erdmannfreunde / euf_overlay Goto Github PK
View Code? Open in Web Editor NEWContao Erweiterung zur Erstellung von Overlays (Popup/Popover/Modal)
Contao Erweiterung zur Erstellung von Overlays (Popup/Popover/Modal)
Ich musste die Erweiterung euf_overlay in Contao 4.4.2 manuell installieren (im CM war diese zwar für die Installation ersichtlich "ohne Hinweis das diese nicht kompatibel sei" aber konnte nicht über den CM installiert werden, da in betreffender Datei der Versionshinweis fehlt).
Manuelle Installation:
Soweit ist die Installation sauber durchgelaufen und im BE dann beim erstellen eines neuen FE Modules wird auch alles korrekt angezeigt (keine Fehlermeldungen).
I had to install the extension euf_overlay in Contao 4.4.2 manually (in the CM it was shown for the installation "without notice this is not compatible" but could not be installed via the CM because the corresponding file is missing the version hints).
Manual installation:
As far as the installation went through cleanly and in the BE then when creating a new FE module everything is also displayed correctly (no error messages).
Hallo,
kann eine Option eingefügt werden, so dass das Overlay bei jedem Seitenaufruf angezeit wird.
Wenn die Speicherzeit des Cookies auf 0 steht, wird das Overlay nur einmal am Tag angezeigt.
Usercase: Auf der Seite einer Hilfsorganisation sollen bei Bedarf Warnmeldungen z:B. Hochwasser etc. bei jedem Aufruf der Seite im Overlay angezeigt werden.
Wechsel von cookie zu localStorage im JavaScript
siehe https://docs.contao.org/manual/de/performance/http-caching/#faq
Hallo,
ich habe für meine Seite die EuF_overlay-Erweiterung verwendet, damit der User sein Alter bestätigt.
Allerdings ist es möglich, auch außerhalb des eingeblendeten Fensters zu klicken, damit dieses verschwindet.
Kann man das so ändern/anpassen, dass nur bei Click auf den vorhandenen Button das Fenster ausgeblendet wird?
doescher
Hi,
ich habe mir das Plugin installiert und möchte auf etwas hinweisen.
Wenn man wie in der Beschreibung angegeben das Plugin im Footer integriert, dann kann es vorkommen das die Mobile Seite nicht mehr Scrollbar ist. Durch den Emulator fällt das nicht auf, da ist noch alles ok. Aber in der Praxis wird es auf einigen Smartphones nicht gehen. Komischer Weise aber nicht bei allen. Habe jetzt festgestellt das es überwiegend auf Huawai Geräten Probleme gibt.
Das Overlay ist auf dem Desktop PC relativ Mittig auf dem Bildschirm zu sehen und kann somit schön gelesen werden.
Auf dem Problem Smartphone Geräten, ist das Overlay nicht im Sichtbereich, das ist weiter unten und dadurch kommt es dazu, dass man das Overlay nicht wegklicken kann und dementsprechend nicht scrollen kann.
Ich habe für mich das so gelöst, dass ich das Overlay nur auf Desktop anzeigen lasse.
Das Popup läßt sich nicht mit dem Kreuz schließen.
Es wäre gut, wenn man die Cookie-Laufzeit auch deaktivieren könnte, so dass das Overlay wieder angezeigt wird, nachdem der Browser geschlossen wurde. Dies könnte man über die Cookie-Laufzeit „0 Tage“ realisieren.
https://github.com/ErdmannFreunde/euf_overlay/blob/master/modules/ModuleOverlay.php#L46
https://github.com/ErdmannFreunde/euf_overlay/blob/master/templates/mod_overlay.html5#L5
Schön wäre es wenn es im Modul nur optional geladen wird.
Ein Wunsch: dass der Popup mit ESC geschlossen wird, damit das auch barrierefreier wird (Bedienbarkeit mit Tastatur)
Es wäre ganz hilfreich, wenn man das Cookie beim Seitenbesucher auch vorzeitig als abgelaufen ansehen könnte.
Beispiel: Das Overlay soll nach 14 Tagen erneut angezeigt werden. Jetzt ändert sich vorzeitig der Inhalt und alle Seitenbesucher sollen den neuen Inhalt erhalten. Auch die bei denen die 14 Tage noch nicht rum sind.
Hi,
ich habe mir das Plugin installiert, wo finde ich das nun? Ich nutze Contao 4.9
Das Overlay kann ja mittels Klick auf das X oder den Overlay Hintergrund geschlossen werden.
Ist jedoch im Overlay-Text ein Link zu einer Unterseite und wird dieser geklickt, so wird das Overlay immer wieder geöffnet. Eventuell kann man einfügen dass Links im Overlay automatisch auch den Cookie setzen bzw. wäre eine Klasse hilfreich die man dem Link zuweist um den Cookie setzen zu lassen.
Ist nicht der eigentliche Zweck des Moduls, aber vielleicht ist es ja doch möglich, das Overlay mit einem Button - sozusagen als Hinweisbox - zu öffnen?
Hi,
ich habe mir das EUF heute auf Contao 4.10.3 installiert.
Das Modul angelegt und im Footer das Modul eingepflegt.
Leider ploppt bei mir Garnichts auf. Auch im Seiten Quelltext ist nichts vom Overlay zu sehen.
In den Entwicklertools im Browser konnte ich keine Fehler feststellen.
Was muss ich noch machen, das das Overlay angezeigt wird?
First of all thank you for providing your extension(s). To take the quality of the Contao extensions to a new level, it would be nice if you could enrich your extensions with meta information and a logo for the Contao Manager. You can find out how to do this here: https://github.com/contao/package-metadata/tree/master/docs/en
Thanks in advance
Mathias
Hallo Dennis,
wohl aktuell eine der meist genutzten Bundles! Danke.
Vor drei Tagen in einer Website eingebaut ( Version 1.2.2) : funktioniert wunderbar.
Heute in eine Seite eingebaut: Hier bleibt nach dem Schliessen des Overlays (Klick auf close Button oder außerhalb) der Seiteninhalt schlicht stehen. Kein Scrollen mehr möglich.
Erst nach einem Reload der Seite ist sie wieder scrollbar.
Außer Anpassungen im CSS keine Änderungen vorgenommen.
Im Code-Inspektor keine JS-Fehler.
Contao 4.4.47
Website: https://www.bohnenstrolche.de/
Ich kann nicht beurteilen ob die Änderungen in der 1.2.4 dafür ausschlaggebend sind - vielleicht hast du eine Idee.
Danke dir und einen sonnigen Sonntag
Thomas
// EDIT: Ich habe jetzt erstmal die Version 1.2.2 installiert - dann ist die Website nach dem Schliessen wieder scroll- und erreichbar.
Wenn ich noch mal eine Testinstallation aufbereiten soll zum Fehler feinden, mach ich das gerne.
By now you can not choose a specified template for a certain module. Like in Contao core we need to add a field that adds a dropdown to choose a custom template for each module that replaces the default one.
Usecase
Different versions in e.g. a A/B test that do not differ in content but in layout and therefor HTML structure.
Hi,
ich habe die Erweiterung installiert und eingerichtet, aber es wird im FE nicht angezeigt.
zuerst habe ich ein Modul angelegt und als Modultyp das EuF-Overlay ausgewählt. Dort habe ich bei Seitenaufruf ausgewählt und Cookie Gültigkeit auf 1.
Im Footer habe ich dieses Modul ausgewählt und aktiviert.
Wenn ich nun das Frontend aufrufe, dann plopt fas allerdings nicht aus. Im Seitenquelltext ist das Modul allerdings sichtbar.
<div class="col m3 s12">
<div class="mod_article block" id="article-208">
<div id='euf_overlay' class='euf_overlay' data-moduleid='384' data-expires='1'>
<div class='euf_overlay__content mod_euf_overlay block'>
<button class='euf_overlay__close'>
×
</button>
....
Muss ich noch eine bestimmte jQuery laden, dass das Modul aufplopt? Also jQuery selber ist im Theme aktiviert.
Schön wärs, wenn die Overlays auch über Inhaltselemente angelegt werden könnten. Die Redaktion hat in der Regel keinen Zugriff auf Module und da wird es dann schwierig wenn auf verschiedenen Seiten unterschiedliche Overlays angezeigt werden sollen, und sich der Inhalt regelmäßig ändert.
Ein Artikel könnte als Container dienen, somit könnten man mehrere Elemente im Overlay anlegen.
Hallo,
habe die Anwendung manuell in Contao 4.4.7 installiert.
Leider kommt folgende Fehlermeldung in der Konsole:
Die Ressource von "http://xyz.de/system/modules/euf_overlay/assets/js/overlay_showAfterTime.js" wurde wegen eines MIME-Typ-Konfliktes blockiert (X-Content-Type-Options: nosniff).
Laden fehlgeschlagen für das <script> mit der Quelle "http://xyz.de/system/modules/euf_overlay/assets/js/overlay_showAfterTime.js".
Was kann ich machen?
Besten Dank!
Liebes Team,
ich habe mein Problem schon im Forum gepostet:
Auf einer Formular-Seite sorgt der Cookie, welcher per JavaScript zur Laufzeit gesetzt wird, dafür, dass das Formular einen gültigen CSRF-Token enthalten muss. Dieser ist aber nicht vorhanden, weil beim Aufruf der Seite noch kein Cookie gesetzt war.
Eine evtl. Lösung wäre es vielleicht, statt Cookies den Web Storage zu nutzen?
Aktuell muss ich die CSRF-Prüfung in der Config deaktivieren. Das ist aber auch keine Dauerlösung.
Eine weitere sinnvolle Option das Overlay anzuzeigen, wäre nachdem ein Besucher einen bestimmbaren Prozentsatz der Webseite gescrollt hat (ggf. abhängig von einem TimeOut, um schneller "überscrollen" vom Trigger auszuschließen).
Involvement/Engagement zeigt sich auch durch wie weit ein Besucher liest und damit scrollt.
Hallo,
ich habe bisher in mehreren Fällen ein Popup gebraucht, das bei kürzer als nach einem Tag erneut angezeigt werden sollte. Eine Dezimalzahl (0.04 Tag für ca. 1 Std.) kann man nicht eingeben.
Hier wäre es praktisch, wenn man "session" auswählen und/oder Sekunden eingeben könnte.
Ist es möglich, das irgendwo im Script anzupassen? Falls nicht würde ich das als Feature Request einreichen.
Vielen Dank und viele Grüße
Timo
The Close button shows no function, no script error is ejected. Registered is the click on the button, however, because with a reload the popup is closed and the cookie was set.
Generell ist feuert das Popup nach einer Besuchszeit einer Seite. Normal ist es so, dass wenn ein Nutzer eine Seite besucht, zählt der Counter wieder von 5 s runter - praktisch bei jeder Seite. Es wäre nützlich wenn man außerdem eine globale Sitzungszeit einbauen konnte, also die gesamte Nutzungsdauer auf der Website.
Wäre das Möglich?
All the JavaScript files are missing a $
, causing problems when MooTools is enabled as well.
-jQuery(document).ready(function() {
+jQuery(document).ready(function($) {
Derzeit kann nur ein Overlay pro Installation verwendet werden, da alle Overlays den gleichen Cookie-Namen verwenden. Hier sollte pro Modul ein eigener Name verwendet werden können, so dass man auch mehrere Module einbinden kann (bspw. abhängig von der Seite/Zielgruppe/etc.).
Meinungen?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.