Trick # 527 | Dieser Beitrag beinhaltet 375 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Den «Back-Button» in Ihrem Browser werden Sie kennen und ihn bestimmt auch rege nutzen. In diesem Artikel zeigen wir Ihnen, wie Sie eine Browser-Verlaufsschaltfläche in das Divi-Thema einfügen. Wenn Sie auf diesen Button klicken, gelangen Sie zu jener Seite, auf der Sie waren, bevor Sie die aktuelle Seite besucht haben.
Zunächst benötigen Sie ein Button-Modul. Fügen Sie es an der gewünschten Stelle Ihrer Website ein. Vergeben Sie der Schaltfläche einen passenden Text (z.B: «Back»). Nun wechseln Sie in den «Erweitert»-Tab des Button-Moduls. Dort können Sie unter «CSS-ID und Klassen» im Textfeld «CSS-Klasse» den Passus «browser-back-button» eingeben.
Als nächstes muss noch ein kurzes Script in den <head>-Bereich Ihrer Website abgelegt werden. Dies tun Sie im Backend via Divi/Theme-Optionen/Integration:
<script>
window.addEventListener('DOMContentLoaded', (event)=>{
var elList = document.querySelectorAll('.browser-back-button');
elList.forEach(function(element) {
element.addEventListener("click", function(event) {
event.preventDefault();
window.history.back();
});
});
}
);
</script>Das war’s. Die Schaltfläche funktioniert wie eine Browser-Zurück-Taste. Wenn Sie die Taste anklicken, gelangen Sie zur letzten Seite in Ihrem Browserverlauf. Probieren Sie es aus:
Werbung
Werbung
