Configuration

Show floating widget

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Extensions" => Block "Floating widget"

Technical name: twt-floating-widget-show

Show floating widget @Phone (<768px)

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Extensions" => Block "Floating widget"

Technical name: twt-floating-widget-mobile

Field type: Select

Available values: • left • right

Example value: left

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-position

Field type: Select

Available values: • no effect • pull out • reduce opacity

Example value: pull out

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-hover-type

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-backdrop

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-show-opened

Field type: Select

Available values: • no animation • Wobble (3x)

Example value: no animation

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-animation

Field type: Select

Available values: • no • yes • yes (open in new tab)

Example value: no

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-link

Field type: Number field

Example value: 400

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-width

Field type: Number field

Example value: 300

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-height

Field type: Number field

Example value: 200

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-title-width

Field type: Number field

Example value: 40

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-title-height

Field type: Number field

Example value: 20

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-padding

Field type: Select

Available values: • align top • align center • align bottom

Example value: align center

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-align-items

Field type: Select

Available values: • align left • align center • align right

Example value: align center

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-justify-content

Field type: Text field

Example value: 20

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-side-bottom-distance

Field type: Select

Available values: • % (Percent) • px (Pixel)

Example value: % (Percent)

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Basic configuration"

Technical name: twt-floating-widget-side-bottom-distance-unit

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Colour configuration"

Technical name: twt-floating-widget-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Colour configuration"

Technical name: twt-floating-widget-link-color

Field type: Color picker

Example value: $twt-color-brand-primary-dark

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Colour configuration"

Technical name: twt-floating-widget-link-color-hover

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Colour configuration"

Technical name: twt-floating-widget-background-color

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Colour configuration"

Technical name: twt-floating-widget-title-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Colour configuration"

Technical name: twt-floating-widget-title-background-color

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Background-image"

Technical name: twt-floating-widget-background-image

Field type: Select

Available values: • default • contain • cover

Example value: default

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Background-image"

Technical name: twt-floating-widget-background-image-object-fit

Field type: Number field

Example value: 16

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Typography"

Technical name: twt-floating-widget-font-size

Field type: Number field

Example value: 18

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Typography"

Technical name: twt-floating-widget-title-font-size

Field type: Select

Available values: • align left • align center • align right

Example value: align center

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Typography"

Technical name: twt-floating-widget-text-align

Field type: Select

Available values: • none • uppercase • lowercase • capitalize

Example value: none

Path to the configuration: Tab "Extensions" => Block "Floating widget" => Section "Typography"

Technical name: twt-floating-widget-title-text-transform