All pages
Powered by GitBook
1 of 17

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Configuration

Colour configuration


Text colour

Field type: Color picker

Example value: #b4b4b4

Path to the configuration: Tab "Footer" => Block "Minimal footer (in the Checkout)" => Section "Colour configuration"

Technical name: twt-footer-minimal-color


Link colour

Field type: Color picker

Example value: #b4b4b4

Path to the configuration: Tab "Footer" => Block "Minimal footer (in the Checkout)" => Section "Colour configuration"

Technical name: twt-footer-minimal-link-color


Field type: Color picker

Example value: #555555

Path to the configuration: Tab "Footer" => Block "Minimal footer (in the Checkout)" => Section "Colour configuration"

Technical name: twt-footer-minimal-background-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Minimal footer (in the Checkout)" => Section "Colour configuration"

Technical name: twt-footer-minimal-service-menu-link-color


Field type: Color picker

Example value: #5d5d5d

Path to the configuration: Tab "Footer" => Block "Minimal footer (in the Checkout)" => Section "Colour configuration"

Technical name: twt-footer-minimal-copyright-border-top-color


Field type: Number field

Example value: 14

Path to the configuration: Tab "Footer" => Block "Minimal footer (in the Checkout)" => Section "Typography"

Technical name: twt-footer-minimal-font-size

Background colour

Link colour (Service menu)

Border-top colour (Copyright)

Typography

Font size

Main section

Lower section

Minimal footer (in the Checkout)

Copyright footer

Configuration

Basic configuration


Margin top

Field type: Number field

Example value: 20

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Basic configuration"

Technical name: twt-footer-margin-top

Set the margin top for the footer.

Note: This configuration only applies to pages without a USP bar in the footer.


Padding top

Field type: Number field

Example value: 0

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Basic configuration"

Technical name: twt-footer-padding-top


Field type: Number field

Example value: 0

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Basic configuration"

Technical name: twt-footer-padding-bottom


Field type: Number field

Example value: 0

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Basic configuration"

Technical name: twt-footer-padding


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Colour configuration"

Technical name: twt-footer-background-color


Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Background-image"

Technical name: twt-footer-background-image-show


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 "Layout" => Section "Background-image"

Technical name: twt-footer-background-image-size


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 "Layout" => Section "Background-image"

Technical name: twt-footer-background-image-position


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 "Layout" => Section "Background-image"

Technical name: twt-footer-background-image-repeat


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 "Layout" => Section "Background-image"

Technical name: twt-footer-background-image-attachment


Field type: Media selection

Example value: ``

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Background-image"

Technical name: twt-footer-background-image


Field type: Select

Available values: • Text • Headlines

Example value: Text

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Typography"

Technical name: twt-footer-column-font-family


Field type: Number field

Example value: 16

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Typography"

Technical name: twt-footer-column-font-size


Field type: Number field

Example value: 18

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Typography"

Technical name: twt-footer-column-headline-font-size


Field type: Select

Available values: • light • normal • bold

Example value: bold

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Typography"

Technical name: twt-footer-column-headline-font-weight


Field type: Select

Available values: • none • uppercase • lowercase • capitalize

Example value: none

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Typography"

Technical name: twt-footer-column-headline-text-transform


Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Typography"

Technical name: twt-footer-column-headline-link-underline


Field type: Select

Available values: • auto • 6 columns • 4 columns • 3 columns • 2 columns • 1 column

Example value: 4 columns

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Columns"

Technical name: twt-footer-grid-columns-tablet


Field type: Select

Available values: • auto • 6 columns • 4 columns • 3 columns • 2 columns • 1 column

Example value: 3 columns

Path to the configuration: Tab "Footer" => Block "Layout" => Section "Columns"

Technical name: twt-footer-grid-columns

Padding bottom

Padding left/right

Colour configuration

Background colour

Background-image

Show background image

Image size

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.

Position

Repeat

Attachment

Scroll: The background image scrolls with the page.

Fixed: The background image stays fixed relative to the viewport.

Background image

Typography

Font family (Headlines)

Font size

Font size (Headlines)

Font weight (Headlines)

Text formatting (Headlines)

Underline links (Headlines)

Underline linked headlines so that clickable entries are clearly differentiated from non-clickable structural pages, thus improving accessibility.

Note: This configuration can be overwritten by the accessibility configuration "Underline links" in the Tab "Others" => Block "Accessibility" => Section "Layout".

Columns

Number of columns @Tablet (≥768px)

Number of columns @Desktop (≥1200px)

Footer

ThemeWare® Footer
  1. ThemeWare® USP Bar

  2. ThemeWare® Upper section

  3. ThemeWare® Main section

  4. ThemeWare® Lower section

  5. Logos footer

  6. Copyright footer

  7. "Scroll-Up" button

Configuration

Basic configuration


Content (Widget)

Field type: Select

Available values: • don't show • Payment and shipping methods

Example value: don't show

Path to the configuration: Tab "Footer" => Block "Logos footer" => Section "Basic configuration"

Technical name: twt-footer-logos-show

A separate footer section with payment and shipping logos.

To edit or translate the headlines please use the following snippets: twt.widget.payment.headline and twt.widget.shipping.headline

Configuration

Basic configuration


Sizing mode

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 "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-width


Field type: Number field

Example value: 0

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-main-section-margin-bottom


Field type: Number field

Example value: 20

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-columns-padding-top


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-columns-padding-right


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-columns-padding-bottom


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-columns-padding-left


Field type: Select

Available values: • align center • space-between • space-around

Example value: space-between

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Basic configuration"

Technical name: twt-footer-justify-content


Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Colour configuration"

Technical name: twt-footer-column-color


Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Colour configuration"

Technical name: twt-footer-column-link-color


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Colour configuration"

Technical name: twt-footer-column-link-color-hover


Field type: Color picker

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

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Colour configuration"

Technical name: twt-footer-columns-background-color


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Colour configuration"

Technical name: twt-footer-column-headline-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Colour configuration"

Technical name: twt-footer-column-headline-border-color


Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Background-image"

Technical name: twt-footer-main-section-background-image-show


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 "Main section" => Section "Background-image"

Technical name: twt-footer-main-section-background-image-size


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 "Main section" => Section "Background-image"

Technical name: twt-footer-main-section-background-image-position


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 "Main section" => Section "Background-image"

Technical name: twt-footer-main-section-background-image-repeat


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 "Main section" => Section "Background-image"

Technical name: twt-footer-main-section-background-image-attachment


Field type: Media selection

Example value: ``

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Background-image"

Technical name: twt-footer-main-section-background-image


Field type: Select

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

Example value: align left

Path to the configuration: Tab "Footer" => Block "Main section" => Section "Typography"

Technical name: twt-footer-column-text-align

Select the sizing mode of the footer.

Margin bottom @Tablet/Desktop (≥768px)

Padding top @Tablet/Desktop (≥768px)

Padding right @Tablet/Desktop (≥768px)

Padding bottom @Tablet/Desktop (≥768px)

Padding left @Tablet/Desktop (≥768px)

Column alignment

Select the desired horizontal alignment.

left Items are positioned at the beginning of the container.

right Items are positioned at the end of the container.

center Items are positioned at the center of the container.

space-between Items are positioned with space between them.

space-around Items are positioned with space before, between, and after them.

Colour configuration

Text colour

Link colour

Link colour @hover

Background colour

Text colour (Headline)

Border colour (Headline)

Background-image

Show background image

Image size

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.

Position

Repeat

Attachment

Scroll: The background image scrolls with the page.

Fixed: The background image stays fixed relative to the viewport.

Background image

Typography

Text alignment

Upper section

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


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


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


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


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


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


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


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


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


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


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


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


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


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


Field type: Text field

Example value: ``

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

Technical name: twt-footer-lizenzkey

Define up to which viewport the "Footer service navigation" should be displayed.

The navigation itself must be assigned in the Sales Channel.

Content (Widget)

You can find the configuration of the widgets in the tab "Widgets".

Shop name / Sales channel name

The copyright footer can show either the shop name or the name of the sales channel.

Colour configuration

Text colour

Link colour

Link colour @hover

Background colour

Background-image

Show background image

Image size

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.

Position

Repeat

Attachment

Scroll: The background image scrolls with the page.

Fixed: The background image stays fixed relative to the viewport.

Background image

Typography

Font size

Branding

License key for branding removal

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.

Logos footer

Configuration

Basic configuration


Sizing mode

Field type: Select

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

Example value: 100% (Full-width)

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-width-columns-top


Field type: Number field

Example value: 0

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-upper-section-margin-bottom


Field type: Number field

Example value: 20

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-top


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-right


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-bottom


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-left


Field type: Select

Available values: • align center • space-between • space-around

Example value: space-around

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-justify-content


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-link-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-link-color-hover


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-columns-top-background-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-headline-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-headline-border-color


Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image-show


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 "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image-size


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 "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image-position


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 "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image-repeat


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 "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image-attachment


Field type: Media selection

Example value: ``

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image


Field type: Select

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

Example value: align center

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Typography"

Technical name: twt-footer-column-top-text-align

Assigning and arranging content

You can assign content in the ThemeWare® Footer to footer elements and arrange them. Footer elements are "slots" in the individual columns of the respective footer section. You can fill these footer elements with ThemeWare® Widgets.

  1. ThemeWare® "Newsletter" widget

  2. Service hotline

Select the sizing mode of the footer.

Margin bottom @Tablet/Desktop (≥768px)

Padding top @Tablet/Desktop (≥768px)

Padding right @Tablet/Desktop (≥768px)

Padding bottom @Tablet/Desktop (≥768px)

Padding left @Tablet/Desktop (≥768px)

Column alignment

Select the desired horizontal alignment.

left Items are positioned at the beginning of the container.

right Items are positioned at the end of the container.

center Items are positioned at the center of the container.

space-between Items are positioned with space between them.

space-around Items are positioned with space before, between, and after them.

Colour configuration

Text colour

Link colour

Link color @hover

Background colour

Text colour (Headline)

Border colour (Headline)

Background-image

Show background image

Image size

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.

Position

Repeat

Attachment

Scroll: The background image scrolls with the page.

Fixed: The background image stays fixed relative to the viewport.

Background image

Typography

Text alignment

Footer navigation

  • ThemeWare® "Benefits" widget

  • ThemeWare® "Shipping methods" widget

  • ThemeWare® "Payment methods" widget

  • ThemeWare® "Location or Store" Widget

  • ThemeWare® "Awards, seals or certificates" widget

  • ThemeWare® "About Us" widget

  • ThemeWare® "Communities or Social Media" widget

  • ThemeWare® Footer elements
    Widgets

    Configuration

    Basic configuration


    Sizing mode

    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 "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-width-columns-bottom


    Field type: Number field

    Example value: 0

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-lower-section-margin-bottom


    Field type: Number field

    Example value: 20

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-columns-bottom-padding-top


    Field type: Number field

    Example value: 1

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-columns-bottom-padding-right


    Field type: Number field

    Example value: 20

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-columns-bottom-padding-bottom


    Field type: Number field

    Example value: 1

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-columns-bottom-padding-left


    Field type: Select

    Available values: • align center • space-between • space-around

    Example value: space-around

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"

    Technical name: twt-footer-columns-bottom-justify-content


    Field type: Color picker

    Example value: #333333

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"

    Technical name: twt-footer-column-bottom-color


    Field type: Color picker

    Example value: #333333

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"

    Technical name: twt-footer-column-bottom-link-color


    Field type: Color picker

    Example value: $sw-color-brand-primary

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"

    Technical name: twt-footer-column-bottom-link-color-hover


    Field type: Color picker

    Example value: #eef2f5

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"

    Technical name: twt-footer-columns-bottom-background-color


    Field type: Color picker

    Example value: $sw-color-brand-primary

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"

    Technical name: twt-footer-column-bottom-headline-color


    Field type: Color picker

    Example value: $sw-color-brand-primary

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"

    Technical name: twt-footer-column-bottom-headline-border-color


    Field type: Select

    Available values: • don't show • show

    Example value: show

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Background-image"

    Technical name: twt-footer-lower-section-background-image-show


    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 "Lower section" => Section "Background-image"

    Technical name: twt-footer-lower-section-background-image-size


    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 "Lower section" => Section "Background-image"

    Technical name: twt-footer-lower-section-background-image-position


    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 "Lower section" => Section "Background-image"

    Technical name: twt-footer-lower-section-background-image-repeat


    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 "Lower section" => Section "Background-image"

    Technical name: twt-footer-lower-section-background-image-attachment


    Field type: Media selection

    Example value: ``

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Background-image"

    Technical name: twt-footer-lower-section-background-image


    Field type: Select

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

    Example value: align center

    Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Typography"

    Technical name: twt-footer-column-bottom-text-align

    Select the sizing mode of the footer.

    Margin bottom @Tablet/Desktop (≥768px)

    Padding top @Tablet/Desktop (≥768px)

    Padding right @Tablet/Desktop (≥768px)

    Padding bottom @Tablet/Desktop (≥768px)

    Padding left @Tablet/Desktop (≥768px)

    Column alignment

    Select the desired horizontal alignment.

    left Items are positioned at the beginning of the container.

    right Items are positioned at the end of the container.

    center Items are positioned at the center of the container.

    space-between Items are positioned with space between them.

    space-around Items are positioned with space before, between, and after them.

    Colour configuration

    Text colour

    Link colour

    Link color @hover

    Background colour

    Text colour (Headline)

    Border colour (Headline)

    Background-image

    Show background image

    Image size

    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.

    Position

    Repeat

    Attachment

    Scroll: The background image scrolls with the page.

    Fixed: The background image stays fixed relative to the viewport.

    Background image

    Typography

    Text alignment

    Layout

    Configuration

    Element 1


    Content (Widget)

    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: About us

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 1"

    Technical name: twt-footer-element-1


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 1"

    Technical name: twt-footer-element-1-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: 100% (all columns in one row)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 1"

    Technical name: twt-footer-element-1-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Lower section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 1"

    Technical name: twt-footer-element-1-position


    Field type: Number field

    Example value: 100

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 1"

    Technical name: twt-footer-element-1-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Service hotline

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 2"

    Technical name: twt-footer-element-2


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 2"

    Technical name: twt-footer-element-2-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 2"

    Technical name: twt-footer-element-2-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 2"

    Technical name: twt-footer-element-2-position


    Field type: Number field

    Example value: 200

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 2"

    Technical name: twt-footer-element-2-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Footer navigation

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 3"

    Technical name: twt-footer-element-3


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 3"

    Technical name: twt-footer-element-3-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 3"

    Technical name: twt-footer-element-3-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 3"

    Technical name: twt-footer-element-3-position


    Field type: Number field

    Example value: 300

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 3"

    Technical name: twt-footer-element-3-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Benefits

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 4"

    Technical name: twt-footer-element-4


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 4"

    Technical name: twt-footer-element-4-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 4"

    Technical name: twt-footer-element-4-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 4"

    Technical name: twt-footer-element-4-position


    Field type: Number field

    Example value: 400

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 4"

    Technical name: twt-footer-element-4-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Shipping methods

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 5"

    Technical name: twt-footer-element-5


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 5"

    Technical name: twt-footer-element-5-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 5"

    Technical name: twt-footer-element-5-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 5"

    Technical name: twt-footer-element-5-position


    Field type: Number field

    Example value: 500

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 5"

    Technical name: twt-footer-element-5-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Communities or social media

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 6"

    Technical name: twt-footer-element-6


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 6"

    Technical name: twt-footer-element-6-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: 100% (all columns in one row)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 6"

    Technical name: twt-footer-element-6-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Lower section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 6"

    Technical name: twt-footer-element-6-position


    Field type: Number field

    Example value: 600

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 6"

    Technical name: twt-footer-element-6-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: don't show

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 7"

    Technical name: twt-footer-element-7


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 7"

    Technical name: twt-footer-element-7-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 7"

    Technical name: twt-footer-element-7-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 7"

    Technical name: twt-footer-element-7-position


    Field type: Number field

    Example value: 700

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 7"

    Technical name: twt-footer-element-7-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Payment methods

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 8"

    Technical name: twt-footer-element-8


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 8"

    Technical name: twt-footer-element-8-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 8"

    Technical name: twt-footer-element-8-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 8"

    Technical name: twt-footer-element-8-position


    Field type: Number field

    Example value: 800

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 8"

    Technical name: twt-footer-element-8-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Location or retail store

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 9"

    Technical name: twt-footer-element-9


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 9"

    Technical name: twt-footer-element-9-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 9"

    Technical name: twt-footer-element-9-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 9"

    Technical name: twt-footer-element-9-position


    Field type: Number field

    Example value: 900

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 9"

    Technical name: twt-footer-element-9-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Awards, seals or certificates

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 10"

    Technical name: twt-footer-element-10


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 10"

    Technical name: twt-footer-element-10-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: default (1 column)

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 10"

    Technical name: twt-footer-element-10-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Main section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 10"

    Technical name: twt-footer-element-10-position


    Field type: Number field

    Example value: 1000

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 10"

    Technical name: twt-footer-element-10-order


    Field type: Select

    Available values: • don't show • About us • Awards, seals or certificates • Benefits • Communities or social media • Custom text • Footer navigation • Service hotline • Location or retail store • Newsletter • Payment and shipping methods • Payment methods • Revocation • Shipping methods

    Example value: Newsletter

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 11"

    Technical name: twt-footer-element-11


    Field type: Select

    Available values: • show expanded • show collapsed • expanded permanently • don't show

    Example value: show expanded

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 11"

    Technical name: twt-footer-element-11-toggle


    Field type: Select

    Available values: • default (1 column) • 100% (all columns in one row) • 50%

    Example value: 50%

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 11"

    Technical name: twt-footer-element-11-newcol


    Field type: Select

    Available values: • Main section • Upper section • Lower section

    Example value: Upper section

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 11"

    Technical name: twt-footer-element-11-position


    Field type: Number field

    Example value: 1100

    Path to the configuration: Tab "Footer" => Block "Assigning and arranging content" => Section "Element 11"

    Technical name: twt-footer-element-11-order

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 2

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 3

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 4

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 5

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 6

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 7

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 8

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 9

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 10

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order

    Element 11

    Content (Widget)

    You can find the configuration of the widgets in the tab "Widgets".

    Mobile view

    Element width

    Section

    Order