Navigation

ThemeWare® Manual

Configuration


Field type:
Select

Available values:
• don't show
• show (default)

Example value:
show (default)

Path to the configuration:
Tab "Content" => Block "Cookie permission"

Technical name:
twt-cookie-permission-show

Basic configuration


Layout type

Field type:
Select

Available values:
• Banner: bottom (default)
• Banner: top
• Card: bottom right
• Modal: bottom (with overlay)
• Modal: bottom right (with overlay)
• Modal: centered (with overlay)
• Modal: top (with overlay)

Example value:
Banner: bottom (default)

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-position


Padding [px]

Field type:
Number field

Example value:
10

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-padding


Drop shadow

Field type:
Text field

Example value:
0 0 30px

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-box-shadow

CSS box-shadow Property (e.g. '0 0 30px').


Shadow colour

Field type:
Color picker

Example value:
rgba(0, 0, 0, 0.2)

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-box-shadow-color


Background colour (Overlay)

Field type:
Color picker

Example value:
rgba(0, 0, 0, 0.5)

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-overlay-color

Select the desired background colour of the overlay (backdrop).

Layout type:

  • Modal with overlay

Glass effect [px] (overlay)

Field type:
Number field

Example value:
0

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-overlay-effect-blur

Enter the desired value for the blur effect of the overlay (backdrop).

Layout type:

  • Modal with overlay

Spacing top [px]

Field type:
Number field

Example value:
40

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-top

Layout type:

  • Modal: top (with overlay)

Spacing left [px]

Field type:
Number field

Example value:
25

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-left

Currently not in use.


Spacing bottom [px]

Field type:
Number field

Example value:
40

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-bottom

Layout type:

  • Card: bottom right
  • Modal: bottom (with overlay)
  • Modal: bottom right (with overlay)

Spacing right [px]

Field type:
Number field

Example value:
25

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Basic configuration"

Technical name:
twt-cookie-permission-right

Layout type:

  • Card: bottom right
  • Modal: bottom right (with overlay)

Width

Field type:
Select

Available values:
• Container-Max-Width (Full-width-boxed)
• 100% (Full-width)

Example value:
Container-Max-Width (Full-width-boxed)

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Layout type: 'Banner: bottom (default)' and 'Banner: top'"

Technical name:
twt-cookie-permission-width

Select the sizing mode of the "Cookie permission".

Layout type:

  • Banner: bottom (default)
  • Banner: top

Card: bottom right


Maximum width [px]

Field type:
Text field

Example value:
260

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Layout type: 'Card: bottom right'"

Technical name:
twt-cookie-permission-max-width

Layout type:

  • Card: bottom right

Colour configuration


Field type:
Color picker

Example value:
#555555

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Colour configuration"

Technical name:
twt-cookie-permission-color


Border colour

Field type:
Color picker

Example value:
#cccccc

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Colour configuration"

Technical name:
twt-cookie-permission-border-color


Background colour

Field type:
Color picker

Example value:
#ffffff

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Colour configuration"

Technical name:
twt-cookie-permission-background-color


Colour (Button "Deny")

Field type:
Color picker

Example value:
$sw-border-color

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Colour configuration"

Technical name:
twt-cookie-permission-deny-btn-background-color

The "Deny" button should not use a striking color.


Colour (Button "Configure")

Field type:
Color picker

Example value:
$sw-color-brand-secondary

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Colour configuration"

Technical name:
twt-cookie-permission-configuration-btn-background-color


Colour (Button "Accept all cookies")

Field type:
Color picker

Example value:
$sw-color-brand-primary

Path to the configuration:
Tab "Content" => Block "Cookie permission" => Section "Colour configuration"

Technical name:
twt-cookie-permission-accept-all-btn-background-color

Last updated on

This page online: https://docs.themeware.design/manual/content/cookie-permission/configuration · ThemeWare® Service Portal, service.themeware.design