To the home page
Contact

Cookie Consent Manager

Design

Premium feature.

Templates

The overview shows five ready-made designs with a preview image — among them Minimalist, Corporate and Modern Dark. Clicking Apply copies all values into your configuration.

Applying overwrites the current design settings. The plugin asks for confirmation first.

Configuring

Configure opens the editor with a live preview — every change is visible immediately, before saving.

Sales channel

The selector at the top determines which channel the design applies to. Channels without their own design inherit from All sales channels; saving turns that into a dedicated design for the channel.

Layout

Field Meaning
Banner position Centered modal, bottom/top bar, bottom left/right corner, fullscreen overlay, sidebar drawer.
Border radius Corner rounding in pixels.
Max width Maximum width of the banner in pixels.
Padding Inner spacing in pixels.
Show shadow Drop shadow on or off.

Colours

Banner background, text colour, overlay colour and opacity, primary and secondary button each in background/text/hover, toggle active and inactive, group header and link colour.

Keep the TTDSG requirement from the plugin configuration in mind: when all buttons with the same colour is active, accept and reject are presented with equal prominence. A design that visually hides the reject button is legally vulnerable.

Typography

Font sizes for title, body text and buttons in pixels.

An image from the media manager, shown in the banner header.

Custom CSS

Additional CSS or SCSS for details the editor does not cover. Use the .prems-cookie-consent-* classes.

.prems-cookie-consent-modal {
    border: 2px solid #222;

    .prems-cookie-consent-btn {
        text-transform: uppercase;
    }
}

The CSS is compiled and validated on save. If it is invalid it is not stored and the error is shown — a broken theme compilation is therefore impossible.

How the design reaches the storefront

The design is compiled into the theme stylesheet, not emitted as an inline <style> block on every page. After saving, the plugin triggers the theme compilation automatically. The message "The theme is being recompiled" means: wait a moment and reload the storefront.

If compilation runs through the message queue in your environment, the consumer has to be active — otherwise the old stylesheet stays in place.

Without premium

The editor is locked. The values from the Banner base design card of the plugin configuration apply: position, overlay and the colours of the two buttons.

Cookie settings