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


Blur 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 "Banner: bottom (default) and 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 "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

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH