Provides a cookie consent plugin for the frontend, a backend module for convenient cookie-banner management, simple but powerful APIs (PHP, JavaScript and CSS) and lots of configuration possibilities, including separate cookie settings per domain.

0.4.3 2020-04-29 11:56 UTC

This package is auto-updated.

Last update: 2022-01-16 10:59:48 UTC


This extension provides lots of possibilities to hide and show contents based on the existence or values of cookies. On board is a frontend plugin to display "cookie-banners" as well as a configurable API to manage cookies for PHP, JavaScript and CSS.

See the extension in the TYPO3 Extension Repository.


  1. Frontend plugin to display "cookie-banners". It shows a message as long as the message is not aknowledged (by clicking the accept-button).
  2. An API for PHP and JavaScript to manage cookies. A "CSS-API" to show and hide contents by just using CSS classes (based on the existence or absence of a cookie).
  3. A convenient backend module to give backend users the possiblity to manage the cookie-banner contents as well as some configuration options.
  4. Lots of configuration possibilities.
  5. Wish/need more? Get in touch!


Read the full documentation at https://docs.typo3.org/p/aaw-team/fe_cookies/master/en-us/

Building CSS and JavaScript

All CSS and JavaScript files in the Resources/Public folder are generated with the gulp toolkit. The source files are located in Resources/Private/Gulp/src. To edit or rebuild said files you have to install npm.

To install all required packages for the build process run npm install inside the Resources/Private/Gulp/ folder.

To build the files run one of the following commands.

npm run build # only builds the files once
npm run watch # builds and watches for file changes

After building the files are automatically moved to Resources/Public/.

Default Style

The default style is written in Sass with the SCSS syntax. The raw SCSS files are located inside the Resources/Private/Gulp/src/sass/ folder. Most style relevant settings can be changed inside the _settings.scss file.


You're welcome to add issues/comments to the bug tracker as well as creating pull requests.