This section contains configuration fields for the "Footer navigation" widget.

This section contains configuration fields for the "Shipping logos" widget.

This tab contains configuration fields for the ThemeWare® widgets.

Widgets are a more advanced version of the footer elements from ThemeWare® for Shopware 5. In ThemeWare® for Shopware 6, we have developed these into "content pieces" so that they can be displayed in various places of the storefront. For example, the payment method logos can also be displayed on product pages.

Widgets in the Footer

1. ThemeWare® "Newsletter" widget

2. Service hotline

3. Footer navigation

4. ThemeWare® "Benefits" widget

5. ThemeWare® "Shipping methods" widget

6. ThemeWare® "Payment methods" widget

7. ThemeWare® "Location or Store" Widget

8. ThemeWare® "Awards, seals or certificates" widget

9. ThemeWare® "About Us" widget

10. ThemeWare® "Communities or Social Media" widget

You can find more information about ThemeWare® Widgets in the following article:

This section contains configuration fields for the "Awards, seals or certificates" widget.

This section contains configuration fields for the "Newsletter" widget.

This section contains configuration fields for the "Location or retail store" widget.

This section contains configuration fields for the "Service hotline" widget.

This section contains configuration fields for the "Benefits" widget.

Basic configuration

Content

Field type: Select

Available values: • Snippet • USP bar benefits

Example value: Snippet

Path to the configuration: Tab "Widgets" => Block "Benefits" => Section "Basic configuration"

Technical name: twt-widget-benefits-content-type

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Widgets" => Block "Benefits" => Section "Basic configuration"

Technical name: twt-widget-benefits-icons-show

Field type: Select

Available values: • 1 benefit • 2 benefits • 3 benefits • 4 benefits • 5 benefits • 6 benefits

Example value: 6 benefits

Path to the configuration: Tab "Widgets" => Block "Benefits" => Section "Basic configuration"

Technical name: twt-widget-benefits-content-max-items

Field type: Number field

Example value: 16

Path to the configuration: Tab "Widgets" => Block "Benefits" => Section "Typography"

Technical name: twt-widget-benefits-font-size-item

Field type: Number field

Example value: 16

Path to the configuration: Tab "Widgets" => Block "Benefits" => Section "Typography"

Technical name: twt-widget-benefits-font-size-icon

This section contains configuration fields for the "Payment logos" widget.

This section contains configuration fields for the "Communities or social media" widget.

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Widgets" => Block "Location or retail store" => Section "Basic configuration"

Technical name: twt-widget-location-route-button-show

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Widgets" => Block "Service hotline" => Section "Basic configuration"

Technical name: twt-widget-hotline-contact-form-show

Basic configuration

List-style

Field type: Select

Available values: • default (clean) • with a square marker • underlined • underlined & with a square marker

Example value: with a square marker

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

Technical name: twt-footer-footernav-list-style

Field type: Number field

Example value: 17

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

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

Field type: Color picker

Example value: #111111

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

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

Field type: Color picker

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

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

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

Field type: Color picker

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

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

Technical name: twt-footer-footernav-marker-color

Field type: Color picker

Example value: #111111

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

Technical name: twt-footer-footernav-border-bottom-color

Field type: Select

Available values: • none • uppercase • lowercase • capitalize

Example value: none

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

Technical name: twt-footer-footernav-text-transform

Field type: Select

Available values: • no • yes

Example value: no

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

Technical name: twt-footer-footernav-link-underline

Field type: Select

Available values: • not rounded (default) • round corners • individual radius

Example value: not rounded (default)

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Basic configuration"

Technical name: twt-widget-newsletter-input-corner-type

Basic configuration

Maximum width (Images)

Field type: Text field

Example value: 100

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Basic configuration"

Technical name: twt-widget-awards-image-max-width

Maximum height (Images)

Field type: Text field

Example value: none

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Basic configuration"

Technical name: twt-widget-awards-image-max-height

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Basic configuration"

Technical name: twt-widget-awards-text-show

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Basic configuration"

Technical name: twt-widget-awards-standard-ssl

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 1"

Technical name: twt-widget-awards-custom-image-1

Field type: Select

Available values: • not linked • linked with URL • linked with snippet

Example value: linked with URL

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 1"

Technical name: twt-widget-awards-custom-image-1-link

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 1"

Technical name: twt-widget-awards-custom-image-1-link-nofollow

Field type: URL

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 1"

Technical name: twt-widget-awards-custom-image-1-url

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 2"

Technical name: twt-widget-awards-custom-image-2

Field type: Select

Available values: • not linked • linked with URL • linked with snippet

Example value: linked with URL

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 2"

Technical name: twt-widget-awards-custom-image-2-link

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 2"

Technical name: twt-widget-awards-custom-image-2-link-nofollow

Field type: URL

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 2"

Technical name: twt-widget-awards-custom-image-2-url

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 3"

Technical name: twt-widget-awards-custom-image-3

Field type: Select

Available values: • not linked • linked with URL • linked with snippet

Example value: linked with URL

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 3"

Technical name: twt-widget-awards-custom-image-3-link

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 3"

Technical name: twt-widget-awards-custom-image-3-link-nofollow

Field type: URL

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 3"

Technical name: twt-widget-awards-custom-image-3-url

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 4"

Technical name: twt-widget-awards-custom-image-4

Field type: Select

Available values: • not linked • linked with URL • linked with snippet

Example value: linked with URL

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 4"

Technical name: twt-widget-awards-custom-image-4-link

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 4"

Technical name: twt-widget-awards-custom-image-4-link-nofollow

Field type: URL

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 4"

Technical name: twt-widget-awards-custom-image-4-url

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 5"

Technical name: twt-widget-awards-custom-image-5

Field type: Select

Available values: • not linked • linked with URL • linked with snippet

Example value: linked with URL

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 5"

Technical name: twt-widget-awards-custom-image-5-link

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 5"

Technical name: twt-widget-awards-custom-image-5-link-nofollow

Field type: URL

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 5"

Technical name: twt-widget-awards-custom-image-5-url

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 6"

Technical name: twt-widget-awards-custom-image-6

Field type: Select

Available values: • not linked • linked with URL • linked with snippet

Example value: linked with URL

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 6"

Technical name: twt-widget-awards-custom-image-6-link

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 6"

Technical name: twt-widget-awards-custom-image-6-link-nofollow

Field type: URL

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Awards, seals or certificates" => Section "Custom image 6"

Technical name: twt-widget-awards-custom-image-6-url

Basic configuration

Maximum height

Field type: Text field

Example value: 45

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

Technical name: twt-widget-payment-logo-max-height

Corner type

Field type: Select

Available values: • not rounded • rounded corners • round logos

Example value: rounded corners

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

Technical name: twt-widget-payment-logo-corner-type

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

Technical name: twt-widget-payment-logo-link

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

Technical name: twt-widget-payment-logo-fallback-badge

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

Technical name: twt-widget-payment-logo-custom-images-only

Field type: Select

Available values: • coloured • greyscale

Example value: coloured

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

Technical name: twt-widget-payment-logo-coloration

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

Technical name: twt-widget-payment-logo-fallback-badge-color

Field type: Color picker

Example value: #e9f2f9

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

Technical name: twt-widget-payment-logo-border-color

Field type: Color picker

Example value: #e9f2f9

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

Technical name: twt-widget-payment-logo-fallback-badge-border-color

Field type: Color picker

Example value: #eef2f5

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

Technical name: twt-widget-payment-logo-fallback-badge-background-color

Field type: Number field

Example value: 10

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Typography"

Technical name: twt-widget-payment-logo-fallback-badge-font-size

Field type: Select

Available values: • none • uppercase • lowercase • capitalize

Example value: none

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Typography"

Technical name: twt-widget-payment-logo-fallback-badge-text-transform

Field type: Select

Available values: • light • normal • bold

Example value: bold

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Typography"

Technical name: twt-widget-payment-logo-fallback-badge-font-weight

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Images"

Technical name: twt-widget-payment-logo-custom-image-1

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Images"

Technical name: twt-widget-payment-logo-custom-image-2

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Payment logos" => Section "Images"

Technical name: twt-widget-payment-logo-custom-image-3

Basic configuration

Layout type

Field type: Select

Available values: • side by side • one below the other

Example value: side by side

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-layout-type

Field type: Select

Available values: • default • isolated • badge • square • circle • default (monochrome) • isolated (monochrome) • badge (monochrome) • square (monochrome) • circle (monochrome)

Example value: badge

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-icon-style

Field type: Number field

Example value: 45

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-icon-size

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-additional-text-show

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-label-show

Field type: Select

Available values: • beside icon • below icon

Example value: beside icon

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-label-position

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration"

Technical name: twt-widget-communities-link-nofollow

Field type: Select

Available values: • default • individual colour • greyscale

Example value: individual colour

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Colour configuration"

Technical name: twt-widget-communities-icon-coloration

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Colour configuration"

Technical name: twt-widget-communities-icon-color

Field type: Select

Available values: • default • individual colour • greyscale

Example value: individual colour

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Colour configuration"

Technical name: twt-widget-communities-icon-coloration-sidebar

Field type: Color picker

Example value: $twt-widget-communities-icon-color

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Colour configuration"

Technical name: twt-widget-communities-icon-color-sidebar

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-facebook

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-instagram

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-twitter

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-x

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-youtube

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-vimeo

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-twitch

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-flickr

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-pinterest

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-tiktok

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-spotify

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-blogger

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-blog

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-whatsapp

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-linkedin

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-xing

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Communities or social media" => Section "Social icons"

Technical name: twt-widget-communities-website

Basic configuration

Maximum height

Field type: Text field

Example value: 45

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Basic configuration"

Technical name: twt-widget-shipping-logo-max-height

Corner type

Field type: Select

Available values: • not rounded • rounded corners • round logos

Example value: rounded corners

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Basic configuration"

Technical name: twt-widget-shipping-logo-corner-type

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Basic configuration"

Technical name: twt-widget-shipping-logo-link

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Basic configuration"

Technical name: twt-widget-shipping-logo-fallback-badge

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Basic configuration"

Technical name: twt-widget-shipping-logo-custom-images-only

Field type: Select

Available values: • coloured • greyscale

Example value: coloured

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Colour configuration"

Technical name: twt-widget-shipping-logo-coloration

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Colour configuration"

Technical name: twt-widget-shipping-logo-fallback-badge-color

Field type: Color picker

Example value: #e9f2f9

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Colour configuration"

Technical name: twt-widget-shipping-logo-border-color

Field type: Color picker

Example value: #e9f2f9

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Colour configuration"

Technical name: twt-widget-shipping-logo-fallback-badge-border-color

Field type: Color picker

Example value: #eef2f5

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Colour configuration"

Technical name: twt-widget-shipping-logo-fallback-badge-background-color

Field type: Number field

Example value: 10

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Typography"

Technical name: twt-widget-shipping-logo-fallback-badge-font-size

Field type: Select

Available values: • none • uppercase • lowercase • capitalize

Example value: none

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Typography"

Technical name: twt-widget-shipping-logo-fallback-badge-text-transform

Field type: Select

Available values: • light • normal • bold

Example value: bold

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Typography"

Technical name: twt-widget-shipping-logo-fallback-badge-font-weight

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Images"

Technical name: twt-widget-shipping-logo-custom-image-1

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Images"

Technical name: twt-widget-shipping-logo-custom-image-2

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Widgets" => Block "Shipping logos" => Section "Images"

Technical name: twt-widget-shipping-logo-custom-image-3