Hey @Yannick1510 @anitsirk
Wie Ben sagt. Aber in der Zwischenzeit haben wir eine API für die erneute Anzeige des Banners veröffentlicht, damit betroffene Händler den Link zur erneuten Anzeige des Banners selbst hinzufügen können. Siehe alles dazu in unserer Entwickler Doku hier.
Um Besuchern die Möglichkeit zu geben, ihre Cookie-Einstellungen in Shopify zu ändern und das Banner erneut anzuzeigen, gehe wie folgt vor:
Nutze die Methode showPreferences(): Shopify stellt die Methode showPreferences() über die Customer Privacy API bereit. Diese Funktion kann mit einem Button oder einem Link verknüpft werden, damit Nutzer ihre Einstellungen noch einmal überprüfen können. Ein Beispiel in JS:
function reopenCookieBanner() {
if (window.privacyBanner && typeof window.privacyBanner.showPreferences === 'function') {
window.privacyBanner.showPreferences();
}
}
Füge ein HTML-Element hinzu: Erstelle einen Link oder Button, der das Cookie-Banner erneut öffnet, wie etwa:
Prüfe die Kompatibilität: Stelle sicher, dass die API durch das Vorhandensein des Objekts window.privacyBanner verfügbar ist. Überprüfe auch, ob der Button oder Link korrekt das Cookie-Einstellungsfenster aufruft.
Weitere Informationen finden sich in der Entwicklerdokumentation von Shopify zum Thema Customer Privacy API (Beehexa).
Um einen kleinen, schwebenden Floating Button oder Widget zu bauen, der am Rand der Webseite sichtbar ist und jederzeit anklickbar ist, um den Cookie-Banner erneut zu öffnen - Erstelle den Button mit einem eindeutigen id-Attribut für eine klare Identifikation:
Cookie-Einstellungen ändern
Füge diesen CSS-Code hinzu, um den Button am Rand schweben zu lassen. Die Positionierung kann durch die Werte für top, bottom, left und right angepasst werden:
#floating-button {
position: fixed;
bottom: 20px; /* Abstand vom unteren Rand */
right: 20px; /* Abstand vom rechten Rand */
background-color: #007bff; /* Beispielhafte Hintergrundfarbe */
color: white; /* Textfarbe */
padding: 10px 20px; /* Innenabstand */
border-radius: 5px; /* Abgerundete Ecken */
cursor: pointer; /* Zeiger ändert sich beim Hovern */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Schatten für 3D-Effekt */
z-index: 1000; /* Über allen anderen Elementen sichtbar */
}
#floating-button:hover {
background-color: #0056b3; /* Hintergrundfarbe beim Hovern */
}
Verknüpfe die bereits erwähnte reopenCookieBanner()-Funktion, damit der Button das Cookie-Banner erneut öffnet. Mit diesem Ansatz wird ein kleiner, stets sichtbarer und schwebender Button erstellt, mit dem Besucher ihre Cookie-Einstellungen jederzeit wieder ändern können.
Hoffe das hilft dir weiter - lass wissen falls nicht! 