Eine gut sichtbare Cookie Erklärung und die Möglichkeit, Cookie-Einstellungen jederzeit anpassen zu können, sind essenziell für moderne Shopware 6.6 Onlineshops. Die Integration dieser Funktion im Footer sorgt für Transparenz, Nutzerfreundlichkeit und die nötige DSGVO-Konformität. Doch wie bringt man das technisch und optisch so unter, dass weder Nutzererlebnis noch Rechtssicherheit leiden? Im folgenden Beitrag zeige ich Tipps, Codebeispiele und Best Practices, wie du die Cookie Erklärung optimal über den Footer in Shopware 6.6 bereitstellst.
Übersicht
- 1. Cookie Erklärung im Footer verlinken
- 2. Cookie Erklärung: Kategorien-Trick zur Verlinkung
- 3. Cookie Erklärung mit Javascript-Methoden
- 4. Cookie Erklärung in Shopware 6.6 mit Code-Anpassungen
- 5. Cookie Erklärung durch CSS-Optimierung im Footer
- 6. Cookie Erklärung über Cookie Consent Plugin
- 7. Quellen und weiterführende Links
1. Cookie Erklärung im Footer verlinken
Die einfachste Variante, um die Cookie Erklärung zugänglich zu machen, ist ein eigener Link im Footer-Menü des Shops. Dies lässt sich direkt im Shopware-Backend umsetzen und benötigt kein eigenes Plugin oder Code-Anpassungen.
- Öffne im Shopware Admin die Kategorie-Verwaltung.
- Lege eine neue Kategorie mit dem Namen „Cookie-Einstellungen“ an.
- Wähle als Kategorietyp „Link“, als Linktyp „Extern“.
- Als Linkziel gibst du
/cookie/offcanvasein. - Setze „In neuem Tab öffnen“ auf aktiviert.
- Jetzt kannst du die Kategorie im Footer-Menü anzeigen lassen.
Mit dieser Methode erscheint der Link dauerhaft im Footer und öffnet beim Klicken die Cookie-Einstellungen erneut. Dies entspricht der Empfehlung aus offiziellen Shopware-Tutorials und der Entwickler-Community. Je nach Sprache deines Sales-Channels muss das Linkziel ggf. mit Sprach-Pfad beginnen, z.B. /de/cookie/offcanvas.
Achtung – nach einigen Updates kann es vorkommen, dass kein Popup mehr erscheint, sondern eine neue Seite geladen wird. Dann sind die Tricks aus Abschnitt 2 oder 4 notwendig.
Cookie Erklärung – zurück zur Übersicht
2. Cookie Erklärung: Kategorien-Trick zur Verlinkung
Gerade in älteren Shopware-Versionen konnten über das Linkziel Javascript-Methoden verwendet werden. So öffnete sich direkt das Consent-Manager-Popup, ohne dass eine neue Seite geladen wurde. Das Vorgehen:
- Lege wie oben beschrieben eine Kategorie „Cookie-Einstellungen“ an.
- Stelle als Linktyp „Extern“ und Linkziel z.B.
javascript:openCookieConsentManager()oderjavascript:window.openCookieConsentManager()ein.
Mit diesem Trick öffnet sich der Consent-Dialog direkt. Leider wird dieses Verhalten seit Shopware 6.6 nicht mehr wie früher unterstützt und ist daher nur für ältere Installationen oder auf eigene Gefahr zu empfehlen.
Cookie Erklärung – zurück zur Übersicht
3. Cookie Erklärung mit Javascript-Methoden
Wer individuellere Lösungen möchte oder gezielt auf User-Experience achten will, kann in Theme oder CMS-Elementen eigene Buttons integrieren, die per Javascript das Consent-Manager-Popup öffnen. Beispielsweise:
Cookie Button mit JS
Shopware liefert dazu die Klasse js-cookie-configuration-button aus. Jeder Button mit dieser Klasse erhält beim Klick vollautomatisch das Consent-Popup. Einfach im Footer-Template, Datenschutz oder im Service-Menü einbauen – fertig!
Cookie Erklärung – zurück zur Übersicht
4. Cookie Erklärung in Shopware 6.6 mit Code-Anpassungen
Die eleganteste und dauerhaft update-sicherste Lösung ist die direkte Theme-Erweiterung per Twig. Im Footer kann dann – unabhängig von Kategorien – ein fest platzierter Button eingebaut werden. So gehst du vor:
See the Pen
Untitled by Atilla Boz (@great2gether)
on CodePen.
Mit diesem Code im footer.html.twig deines Themes bekommst du einen Button, der das Consent-Popup überall und zuverlässig öffnet. Die CSS-Regel platziert den Link exakt in der gewünschten Footer-Spalte und verhindert, dass er doppelt erscheint. Sauberer ist es, das CSS in eine eigene Datei auszulagern.
- Update-sicher durch Theme-Vererbung und eigene Blöcke
- Keine Abhängigkeit von Shopware-Kategorie-Einstellungen
- Button via
js-cookie-configuration-buttonkompatibel mit Shopware Consent Manager-Logik
Cookie Erklärung – zurück zur Übersicht
5. Cookie Erklärung durch CSS-Optimierung im Footer
Gerade wenn du im Footer mehrere Spalten verwendest, will man den Cookie-Link oft nur in einer bestimmten Spalte anzeigen. Das gelingt mit Zielgruppen-spezifischem CSS:
.footer-column .js-cookie-configuration-button.g2g-cookie-spezial-link { display: none; }
.footer-column:nth-of-type(2) .js-cookie-configuration-button.g2g-cookie-spezial-link { display: list-item; }
Damit bleibt deine Footer-Navigation übersichtlich und der Cookie-Link ist trotzdem immer nur einmal sichtbar. Für optimale Wartbarkeit empfiehlt sich, das CSS in einen eigenen SCSS-Block der Theme-Assets auszulagern.
Cookie Erklärung – zurück zur Übersicht
6. Cookie Erklärung über Cookie Consent Plugin
Wer lieber auf eine Plugin-Lösung setzt und weitere Komfortfunktionen wie farbliche Anpassungen, Reporting, Conversion-Tracking oder ein zentrales Menü-Icon nutzen möchte, wird im Shopware Store fündig. Ein prominentes Beispiel:
- Das Plugin „Cookie Consent Conversion-Popup“ erweitert nicht nur das Layout, sondern integriert in Menüs und Footer ein Icon oder Link zum erneuten Anpassen der Cookie-Einstellungen.
- Zusätzlich lassen sich Buttons und Meldungen optisch an das CI des Shops anpassen.
- Besonders praktisch: Das erneute Öffnen des Consent-Managers ist auch im mobilen Menü möglich.
Plugin-Lösungen sparen Zeit bei Theme-Updates und sorgen für eine durchgängige User Experience. Gerade für Shops mit wechselnden Themes oder regelmäßigen Updates ist das eine wartungsarme Alternative zum eigenen Code.
Cookie Erklärung – zurück zur Übersicht
