# Configuration

## Basic configuration

***

### Show service navigation until...

**Field type**:\
Select

**Available values**:\
• don't show\
• always show (default)\
• Phone (landscape) (≥576px)\
• Tablet (portrait) (≥768px)\
• Tablet (landscape) (≥992px)\
• Desktop (≥1200px)\
• Container-max-width (Full-width Boxed)

**Example value**:\
`Tablet (portrait) (≥768px)`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Basic configuration"

**Technical name**:\
`twt-footer-service-menu-show`

{% hint style="info" %}
Define up to which viewport the "Footer service navigation" should be displayed.

The navigation itself must be assigned in the Sales Channel.
{% endhint %}

***

### Content (Widget)

**Field type**:\
Select

**Available values**:\
• don't show\
• Communities or social media

**Example value**:\
`don't show`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Basic configuration"

**Technical name**:\
`twt-footer-bottom-element-1`

{% hint style="info" %}
You can find the configuration of the widgets in the tab "Widgets".
{% endhint %}

***

### Shop name / Sales channel name

**Field type**:\
Select

**Available values**:\
• Shop name\
• Sales channel name

**Example value**:\
`Shop name`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Basic configuration"

**Technical name**:\
`twt-footer-bottom-shopname`

{% hint style="info" %}
The copyright footer can show either the shop name or the name of the sales channel.
{% endhint %}

## Colour configuration

***

### Text colour

**Field type**:\
Color picker

**Example value**:\
`#666666`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Colour configuration"

**Technical name**:\
`twt-footer-bottom-color`

***

### Link colour

**Field type**:\
Color picker

**Example value**:\
`#666666`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Colour configuration"

**Technical name**:\
`twt-footer-bottom-link-color`

***

### Link colour @hover

**Field type**:\
Color picker

**Example value**:\
`#333333`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Colour configuration"

**Technical name**:\
`twt-footer-bottom-link-color-hover`

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`rgba(0, 0, 0, 0)`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Colour configuration"

**Technical name**:\
`twt-footer-bottom-background-color`

## Background-image

***

### Show background image

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Background-image"

**Technical name**:\
`twt-footer-bottom-background-image-show`

***

### Image size

**Field type**:\
Select

**Available values**:\
• Initial size (auto)\
• Cover background completely (cover)\
• Cover background completely (contain)

**Example value**:\
`Initial size (auto)`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Background-image"

**Technical name**:\
`twt-footer-bottom-background-image-size`

{% hint style="info" %}
**auto**\
The auto keyword scales the background image in the appropriate direction to maintain the initial aspect ratio.

**cover**\
The image is sized to maintain its aspect ratio while filling the element's entire content box.

**contain**\
The image is sized to maintain its aspect ratio while fitting within the element's content box.
{% endhint %}

***

### Position

**Field type**:\
Select

**Available values**:\
• left, top\
• left, center\
• left, bottom\
• right, top\
• right, center\
• right, bottom\
• center, top\
• center, center\
• center, bottom

**Example value**:\
`left, top`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Background-image"

**Technical name**:\
`twt-footer-bottom-background-image-position`

***

### Repeat

**Field type**:\
Select

**Available values**:\
• No repeat (no-repeat)\
• Horizontal and vertical (repeat)\
• Horizontal (repeat-x)\
• Vertical (repeat-y)

**Example value**:\
`Horizontal and vertical (repeat)`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Background-image"

**Technical name**:\
`twt-footer-bottom-background-image-repeat`

***

### Attachment

**Field type**:\
Select

**Available values**:\
• Background image scrolls with the page (scroll)\
• Background image stays fixed (fixed)

**Example value**:\
`Background image stays fixed (fixed)`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Background-image"

**Technical name**:\
`twt-footer-bottom-background-image-attachment`

{% hint style="info" %}
**Scroll**:\
The background image scrolls with the page.

**Fixed**:\
The background image stays fixed relative to the viewport.
{% endhint %}

***

### Background image

**Field type**:\
Media selection

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Background-image"

**Technical name**:\
`twt-footer-bottom-background-image`

## Typography

***

### Font size

**Field type**:\
Number field

**Example value**:\
`14`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Typography"

**Technical name**:\
`twt-footer-bottom-font-size`

## Branding

***

### License key for branding removal

**Field type**:\
Text field

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Footer" => Block "Copyright footer" => Section "Branding"

**Technical name**:\
`twt-footer-lizenzkey`

{% hint style="info" %}
If you want to remove the ThemeWare® branding, you can purchase a license from us. If you are interested, the fastest way to contact us is here.
{% endhint %}