[Vorschlag] cookiebar ohne Erweiterung einsetzen
Hallo,
wer in der 4.4.x eine cookiebar ohne Erweiterung einsetzen möchte (jquery muß im Theme aktiviert sein):
- Download Script von https://github.com/carlwoodhouse/jquery.cookieBar
- Hier wird nur das Script benötigt
- Eine Datei cookiebar.css mit folgendem Inhalt erstellen:
Code:
#cookiebar {
box-sizing: border-box;
position: fixed;
left: 0;
width: 100%;
background-color: #4b4b4b;
padding: 8px 16px;
text-align: center;
font-size: 13px;
color: #ffffff;
line-height: 2;
z-index: 10;
}
#cookiebar.top {
top: 0;
}
#cookiebar.bottom {
bottom: 0;
}
#cookiebar-desc {
display: inline-block;
}
#cookiebar span {
margin-right: 1em;
}
#cookiebar .cookiebar-button,
#cookiebar .cookiebar-info {
margin-right: 8px;
padding: 4px 8px;
border: none;
background-color: #fdfdfd;
color: #666;
cursor: pointer;
display: inline-block;
}
#cookiebar a {
color: #666;
text-decoration: none;
}
#cookiebar a:hover {
text-decoration: none;
}
- Die beiden Dateien cookiebar.js und cookiebar.css in ein Theme Ordner kopieren
- Ein template mod_html_cookiebar.html5 mit folgendem Inhalt erstellen:
Code:
<?php
$GLOBALS['TL_CSS'][] = 'PFAD ZUM ORDNER/cookiebar.css|static';
$GLOBALS['TL_JAVASCRIPT'][] = 'PFAD ZUM ORDNER/cookiebar.js|static';
?>
<?= $this->html ?>
<script>
jQuery(function($){
$(document).ready(function() {
$('#cookiebar').cookieBar({ closeButton : '.cookiebar-button', hideOnClose: false });
$('#cookiebar').on('cookieBar-close', function() { $(this).slideUp(); });
});
});
</script>
- Im Theme ein Modul "Eigener HTML-Code" erstellen
- Unter "Individuelles Template" das obige Template auswählen/setzen
- Folgenden Inhalt setzen:
Code:
<div id="cookiebar" class="bottom" role="complementary" aria-describedby="cookiebar-desc">
<div id="cookiebar-desc" aria-live="assertive" role="alert">
<span>
{{ifnlng::de}}This site uses cookies that will allow us to make your stay as pleasant as possible. If you continue the visit, you agree to this.{{ifnlng}}
{{iflng::de}}Diese Seite verwendet Cookies, die es uns ermöglichen, Ihren Aufenthalt so angenehm wie möglich zu gestalten.Wenn Sie den Besuch fortsetzen, erklären Sie sich damit einverstanden.{{iflng}}
</span>
</div>
<div class="cookiebar-button">OK</div><div class="cookiebar-info"><a href="http://LINK_EINTRAGEN" title="Details">Details</a></div>
</div>
- Das Modul als letzten Eintrag im Seitenlayout eintragen
Liste der Anhänge anzeigen (Anzahl: 1)
Zitat:
Zitat von
Franko
Dieses Verhalten hat zumeist die weiter oben beschriebenen Ursachen. Insofern solltest Du diese zunächst prüfen ...
Frank
Hallo Frank,
hier auch noch mein Dank für den Beitrag und das Script. Ich habe contao 4.4 mit einem contao theme am Laufen und der Button geht auch bei mir nicht, obwohl ich alle im thread beschriebenen Änderungen getestet habe. Da ich js auch nur recht selten anfasse, fehlt mir hier die Erfahrung. Chrome bringt die Fehlermeldung, dass eine Funktion nicht richtig sein (s. Anhang) und oft ist auch nur ein Zeichen verrückt, aber das kann ich halt nicht wirklich beurteilen. Auch ist mir aufgefallen, dass ich das Modul im Seitenlayout weiter oben oder auch weiter unten platzieren kann, die CookieBar steht immer fest unterhalb des footers. Ist das nur durch die css manifestiert und die Position im Layout ist egal, selbst wenn ich die Hauptspalte oder Kopfzeile dazugehörig auswähle?
Wäre klasse, wenn Du noch eine Idee hättest und ich den Button funktionstüchtig bekommen könnte.
Vielen Dank im Voraus
P.S. Die Seite ist zurzeit noch mittels ./htaccess vor Google & Co. versteckt. Wenn Du Du reinschauen möchtest nutze bitte user: gast password: gast
Dirk