Floating settings button

over-engineer commented 1 year ago

One potential feature to consider is a floating button at the bottom-left corner of the window, providing easy access to the cookie settings modal.

This button would be customizable and, when clicked, would call pressidiumCookieConsent.showSettings()

(originally suggested by @partner4 in #22)

partner4 commented 1 year ago

Hi, again!

I made a suggestion of onAccept function to show floating button with SVG image in it. Button is shown if pressidiumCookieConsent.displaybutton settings is enabled. It creates a div with SVG image with pressidiumCookieConsent.title from settings and link to open modal window.

JS: onAccept: function(e) { if (("1" == pressidiumCookieConsent.displaybutton) && e) { var t = document.createElement("div"); t.className = "cookiebutton-settings", t.setAttribute("data-cc", "c-settings"), t.setAttribute("aria-haspopup", "dialog"), t.setAttribute("tabindex", "0"), t.setAttribute("title", pressidiumCookieConsent.title), t.innerHTML = '', document.body.appendChild(t), t.addEventListener("click", function() { pressidiumCookieConsent.showSettings() }, !1), t.addEventListener("keypress", function(e) { "Enter" === e.key && pressidiumCookieConsent.showSettings() }, !1) }, },

CSS: .cookiebutton-settings { position: fixed; width: 42px; height: 42px; bottom: 35px; left: 30px; z-index: 1000000; background: #fff; border: 1px solid #333; border-radius: 50%; padding: 8px; cursor: pointer; box-sizing: border-box; display: block }

RESULT:

partner4 commented 1 year ago

RESULT:

techpressrocks commented 1 year ago

Hi!

I really think this feature is necessary so you thank for looking into adding it in the future!

Just a question: will you implement the "revisit content button" (as CookieYes calls it) in the plugin settings?

Just for reference:

At https://gdpr.eu/cookies/ (that's the official GDPR site) under "cookie complicance" it says:

"Make it as easy for users to withdraw their consent as it was for them to give their consent in the first place."

Nikodemsky commented 8 months ago

Bump, this is only thing that is missing right now.

DennisRas commented 7 months ago

Also curious about the progress on this one.
It's mandatory that the user can redact/change their choices.

I understand that we can code this ourselves, but that kinda defeats the purpose :P

Edit: Is there any way we can contribute to this? What's the development environment/setup looking like for this project, so we can contribute settings for a button like this.

over-engineer commented 3 months ago

Hey @partner4, @techpressrocks, @Nikodemsky, and @DennisRas!

Great news everyone!

This was addressed in 1.5.0, which was just released on the WordPress Plugin Directory.

screenshot

This new version introduces a “Floating Button” tab, allowing you to:

Toggle the floating button on or off
Adjust its size (small or large)
Set its position (left or right)
Choose an icon
Pick a transition

Thanks for bearing with me on this one 🙂

I’m closing this issue as resolved. If you need more information on the floating settings button, please don’t hesitate to reopen it.

Is there any way we can contribute to this? What's the development environment/setup looking like for this project, so we can contribute settings for a button like this.

@DennisRas We don’t have a CONTRIBUTING document available right now, but feel free to open a PR if you’d like to contribute to a feature like this in the future. To develop locally, you’ll need to clone the GitHub repo, install the Composer and npm dependencies, and run npm start or npm build to build any JavaScript files.

pressidium / pressidium-cookie-consent

Floating settings button #24