Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
The widget "Awards, seals or certificates" is a widget for shop awards or trust badges or security certificates.
You can configure the "Awards, seals or certificates" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.awards.headline.
Edit the text using the snippet twt.widget.awards.content.
Both are only displayed if the "Show additional text" option is enabled.
You label the included SSL seal via twt.widget.awards.sslSeal.alt / .title.
For custom logos you maintain the title, alt text, aria label and alternative URL via twt.widget.awards.customImage1–6.* (see "Accessibility").
Unfortunately, images such as certificates or seals that are integrated via the theme configuration do not automatically receive the alt text stored in the media management. To ensure that these images can still be integrated without barriers, ThemeWare® provides separate snippets for this purpose, which you can use individually.
You can maintain the tooltip text (title attribute) using the following snippet:
twt.widget.awards.customImage1.title
twt.widget.awards.customImage2.title
twt.widget.awards.customImage3.title
The title is displayed on mouseover, but is not relevant for accessibility, as it is usually ignored by screen readers.
Whether you use the alt or the aria-label depends on whether the image is linked or not:
Alt attribute (for non-linked images)
If the image is not linked, the alt.Text isintegrated directly into the img tag. This is controlled by the appropriate snippet.
Tip: Use alt and aria-label attributes to make your texts more detailed, specific and context-sensitive than the title text, for example.
Instead of just "SSL-encrypted", you could write, for example: "Your data is protected by SSL encryption". This also benefits screen reader users and at the same time makes it look more trustworthy for all visitors.
Show additional text
Shows the headline and text (snippets twt.widget.awards.headline / twt.widget.awards.content).
Show default SSL seal
Tab "Widgets" => Block "Awards, seals or certificates"
Tab "Widgets" => Block "Awards, seals or certificates" => Section "Basic configuration" => Show additional text / Show default SSL seal
Headline
twt.widget.awards.headline
Text
twt.widget.awards.customImage4.title
twt.widget.awards.customImage5.title
twt.widget.awards.customImage6.title
If the image is linked to content, the alt attribute of the image remains empty (alt=""). Instead, the descriptive text is set directly on the <a> tag using an aria-label – because here the link carries the actual meaning and the images are for "decorative" purposes only.
Shows the included SSL seal (available in German and English).
twt.widget.awards.content
SSL seal
Alt attribute: twt.widget.awards.sslSeal.alt
Title attribute: twt.widget.awards.sslSeal.title
Titles for custom logos
twt.widget.awards.customImage1.title
twt.widget.awards.customImage2.title
twt.widget.awards.customImage3.title
twt.widget.awards.customImage4.title
twt.widget.awards.customImage5.title
twt.widget.awards.customImage6.title
Alternative URLs for custom logos
twt.widget.awards.customImage1.url
twt.widget.awards.customImage2.url
twt.widget.awards.customImage3.url
twt.widget.awards.customImage4.url
twt.widget.awards.customImage5.url
twt.widget.awards.customImage6.url
Alt attribute (used if the image is not linked)
twt.widget.awards.customImage1.alt
twt.widget.awards.customImage2.alt
twt.widget.awards.customImage3.alt
twt.widget.awards.customImage4.alt
twt.widget.awards.customImage5.alt
twt.widget.awards.customImage6.alt
Aria label (used if the image is linked)
twt.widget.awards.customImage1.ariaLabel
twt.widget.awards.customImage2.ariaLabel
twt.widget.awards.customImage3.ariaLabel
twt.widget.awards.customImage4.ariaLabel
twt.widget.awards.customImage5.ariaLabel
twt.widget.awards.customImage6.ariaLabel
Note: For information on how to edit snippets, see the following instructions: Texts: Editing and translation
Tip: If a change does not affect the storefront, just clear the Shopware cache: Clearing / warming up the Shopware cache
The widget "About us" is a widget with which you can display a short info text about you and your shop.
There is currently no dedicated configuration for this widget.
Edit the headline using the snippet twt.widget.about.headline.
Edit the text using the snippet twt.widget.about.content (supports HTML code).
There is currently no dedicated configuration for this widget.
Headline
twt.widget.about.headline
Text
twt.widget.about.content
The snippet supports HTML code.
Note: For information on how to edit snippets, see the following instructions:
Tip: If a change does not affect the storefront, just clear the Shopware cache:
The text "Service Hotline" is a static Shopware footer element. With ThemeWare® it can be used flexibly in the form of a widget.
You can configure the "Service hotline" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet footer.serviceHotlineHeadline.
Edit the hotline text using the snippet footer.serviceHotline.
Edit the text of the contact form link using the snippet footer.serviceContactTextPage.
The revoke button is only displayed if a revocation page is set and the button is enabled in the Shopware basic information settings (Shopware 6.7.9+ and ThemeWare® 4.3.0+).
You can find more information about the "Revoke button" in the ThemeWare® knowledge base:
Show contact link
Shows or hides the link to the contact form (text via the snippet footer.serviceContactTextPage).
Tab "Widgets" => Block "Service hotline"
Tab "Widgets" => Block "Service hotline" => Section "Basic configuration" => Show contact link
Headline
footer.serviceHotlineHeadline
Text
footer.serviceHotline
Link
footer.serviceContactTextPage
Note: For information on how to edit snippets, see the following instructions:
Tip: If a change does not affect the storefront, just clear the Shopware cache:
Note: As soon as the "Revocation" widget is used, ThemeWare® automatically hides the identical button in this widget so that it does not appear twice.
Important: If the revoke button is shown in this widget, ThemeWare® keeps the "Service hotline" widget permanently expanded in the mobile view (collapsing is not possible) so that the legally required button always stays visible. The "Mobile view" setting then has no effect for this widget.
Widgets are a further development of the content elements from the Footer in ThemeWare® for Shopware 5. In ThemeWare® for Shopware 6 these elements are now flexible and no longer linked to the footer.
The ThemeWare® widgets can (depending on the widget) be integrated in various places on the storefront via the theme configuration. However, the main area of use for all widgets is still the footer.
The typical use of ThemeWare® Widgets is as an element in a footer column. You configure the footer itself in the "Footer" tab. You can find more information about this in the ThemeWare® Video Tutorial.
The configuration of the widgets itself can be found in the tab "Widgets".
Note: You can find out more about this in the ThemeWare® Video Tutorial.
To display widgets in the footer, assign them to footer elements (slots). There are eleven footer elements, each of them represents a column in the footer. You configure which widget you want to fill an element with and how or where the element is to be displayed in the tab "Footer" => block "Assigning and arranging content".
The widgets in ThemeWare® are made up of various sources. Almost all widgets use snippets for the text content.
However, there are also widgets that obtain information from Shopware itself. Payment and shipping methods, for example, are configured via the respective administration in the shop settings. The footer navigation, on the other hand, is based of a category branch from the category management. The category itself must then be assigned to the storefront via the sales channel.
You can find detailed information about each widget in the following articles.
Tip: Most widgets are already assigned to specific footer elements.
The widget "Shipping methods" is a widget with which you can display the shipping methods you offer with their logos.
You can configure the "Shipping logos" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.shipping.headline.
Optional: Edit the link of the logos using the snippet twt.widget.shipping.link.
For custom logos you maintain the alt and title texts via twt.widget.shipping.customImage1–3.alt / .title (see "Accessibility").
You configure the actual shipping methods in Shopware 6 via the corresponding administration in the Shopware settings ("Settings" > "Shop").
You can upload your logos for the corresponding shipping methods via the shipping management in the Shopware settings.
You can maintain the tooltip text (title attribute) using the following snippets:
twt.widget.shipping.customImage1.title
twt.widget.shipping.customImage2.title
twt.widget.shipping.customImage3.title
The title is displayed on mouseover, but is not relevant for accessibility, as it is usually ignored by screen readers.
You can maintain the alt text of the logos using the following snippets:
twt.widget.shipping.customImage1.alt
twt.widget.shipping.customImage2.alt
twt.widget.shipping.customImage3.alt
Link label: The title text of the respective logo is used as the label, and for the automatically determined shipping method logos the name of the shipping method. No aria-label is output on the link: The hidden text is equivalent, because it is read out as real text content and is additionally picked up by browser translation features.
Link logos
Makes the logos clickable; you set the link via the snippet twt.widget.shipping.link.
Show fallback badges
Tab "Widgets" => Block "Shipping logos"
Tab "Widgets" => Block "Shipping logos" => Section "Basic configuration" => Link logos / Show fallback badges / Show only custom images
Headline
twt.widget.shipping.headline
Link for logos (optional)
Shows a text badge for shipping methods without a stored logo.
Show only custom images
Shows only your own logos instead of the automatically determined shipping method logos.
twt.widget.shipping.link
Custom logos
twt.widget.shipping.customImage1.alt
twt.widget.shipping.customImage1.title
twt.widget.shipping.customImage2.alt
twt.widget.shipping.customImage2.title
twt.widget.shipping.customImage3.alt
twt.widget.shipping.customImage3.title
Note: For information on how to edit snippets, see the following instructions: Texts: Editing and translation
Tip: If a change does not affect the storefront, just clear the Shopware cache: Clearing / warming up the Shopware cache
Tip: In the free ThemeWare® Utilities you will find a logo set with 40 pagespeed-optimised graphics for shipping methods.
Note: When the logos are linked, the alt attribute of the image remains empty (alt=""), because the image is then only "decorative". The label is provided by a visually hidden text (<span class="visually-hidden">) inside the link instead.
With the widget "Communities or social media" you can present your social media channels to customers.
You can configure the "Communities or social media" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.communities.headline.
Optional: Edit the additional text using the snippet twt.widget.communities.additionalText.
For each channel you maintain the label via twt.widget.communities.[channel].name, the link via twt.widget.communities.[channel].link and the tooltip via twt.widget.communities.[channel].title. A full list of all channels can be found in the summary.
Layout type
Arranges the icons "side by side" or "one below the other".
Icon style
Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration" => Layout type / Icon style / Icon size / Icon coloration / Show additional text / Show label / Text position / Link relation "nofollow"
Tab "Widgets" => Block "Communities or social media" => Section "Social icons" => Show [platform] link
Headline
twt.widget.communities.headline
Text (optional)
Icon size
Size of the icons in pixels (20–80, default 45).
Icon coloration
"default", "individual colour" or "greyscale".
Show additional text
Shows an additional text (snippet twt.widget.communities.additionalText).
Show label
Shows the label (name) next to the icon.
Text position
"beside icon" or "below icon".
Link relation "nofollow"
Adds the attribute rel="nofollow" to the links.
Show [platform] link (section "Social icons")
For each channel (Facebook, Instagram, Twitter, X, YouTube, Vimeo, Twitch, Flickr, Pinterest, TikTok, Spotify, Blogger, Blog, WhatsApp, LinkedIn, Xing, Website) you decide whether the icon is shown. You maintain the name and link per channel via snippets (see below).
twt.widget.communities.additionalText
Blog
twt.widget.communities.blog.link
twt.widget.communities.blog.name
Title attribute: twt.widget.communities.blog.title
Blogger
twt.widget.communities.blogger.link
twt.widget.communities.blogger.name
Title attribute: twt.widget.communities.blogger.title
twt.widget.communities.facebook.link
twt.widget.communities.facebook.name
Title attribute: twt.widget.communities.facebook.title
Flickr
twt.widget.communities.flickr.link
twt.widget.communities.flickr.name
Title attribute: twt.widget.communities.flickr.title
twt.widget.communities.instagram.link
twt.widget.communities.instagram.name
Title attribute: twt.widget.communities.instagram.title
twt.widget.communities.linkedin.link
twt.widget.communities.linkedin.name
Title attribute: twt.widget.communities.linkedin.title
twt.widget.communities.pinterest.link
twt.widget.communities.pinterest.name
Title attribute: twt.widget.communities.pinterest.title
Spotify
twt.widget.communities.spotify.link
twt.widget.communities.spotify.name
Title attribute: twt.widget.communities.spotify.title
TikTok
twt.widget.communities.tiktok.link
twt.widget.communities.tiktok.name
Title attribute: twt.widget.communities.tiktok.title
Twitch
twt.widget.communities.twitch.link
twt.widget.communities.twitch.name
Title attribute: twt.widget.communities.twitch.title
twt.widget.communities.twitter.link
twt.widget.communities.twitter.name
Title attribute: twt.widget.communities.twitter.title
Vimeo
twt.widget.communities.vimeo.link
twt.widget.communities.vimeo.name
Title attribute: twt.widget.communities.vimeo.title
Website
twt.widget.communities.website.link
twt.widget.communities.website.name
Title attribute: twt.widget.communities.website.title
twt.widget.communities.whatsapp.link
twt.widget.communities.whatsapp.name
Title attribute: twt.widget.communities.whatsapp.title
X
twt.widget.communities.x.link
twt.widget.communities.x.name
Title attribute: twt.widget.communities.x.title
twt.widget.communities.xing.link
twt.widget.communities.xing.name
Title attribute: twt.widget.communities.xing.title
Youtube
twt.widget.communities.youtube.link
twt.widget.communities.youtube.name
Title attribute: twt.widget.communities.youtube.title
Note: For information on how to edit snippets, see the following instructions: Texts: Editing and translation
Tip: If a change does not affect the storefront, just clear the Shopware cache: Clearing / warming up the Shopware cache
With the widget "Custom text" you can display an individual HTML text in the footer.
There is currently no dedicated configuration for this widget.
Edit the headline using the snippet twt.widget.text.headline.
Edit the text using the snippet twt.widget.text.content (supports HTML code).
There is currently no dedicated configuration for this widget.
Headline
twt.widget.text.headline
Text
twt.widget.text.content
The snippet supports HTML code.
Note: For information on how to edit snippets, see the following instructions:
Tip: If a change does not affect the storefront, just clear the Shopware cache:
The footer navigation is a static footer element in Shopware. With ThemeWare® it can be used flexibly in the form of a widget.
The footer navigation itself is a core element of Shopware 6. In order to be able to show a navigation in the footer, it is necessary – in addition to assigning the widget in ThemeWare® itself – to create a corresponding category structure.
Create a main category called "Footer navigation". Add subcategories to this. Each of these subcategories of the main category (e.g. "Footer navigation") represents a navigation column in the footer.
You can find the configuration in the "Widgets" tab.
If one column with menu items in the footer is all you need, just create one subcategory (e.g. "Information") in the main category (e.g. "Footer Navigation"). Now add further subcategories to this subcategory (e.g. "Contact" or "Imprint"). These subcategories are now the content pages. Assign appropriate CMS layouts to them.
If you want to use multiple columns in the footer navigation, just create several subcategories (e.g. "Shop Service" and "Information") in the main category (e.g. "Footer navigation"). Now add further subcategories to these subcategories (e.g. "About us", "Contact" or "Imprint"). These sub-subcategories are now the content pages. Assign appropriate CMS layouts.
Go to the settings of the corresponding sales channel and select the main category (e.g. "Footer navigation") in the field "Entry point footer navigation".
Save this change, clear the Shopware cache once ("Settings" => "System" => "Caches & Indexes") and reload the storefront once.
You have now assigned the footer navigation to your storefront.
In all themes, the footer navigation is already assigned to a footer element and should now be displayed directly.
Tab "Widgets" => Block "Footer navigation"
The footer navigation does not use snippets.
[Tags: footernavigation]
Note: If a change in the footer navigation or the footer navigation itself is not displayed, just clear the Shopware cache once.
The widget "Location or retail store" is a widget with which you can present your stationary shop.
You can configure the "Location or retail store" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.location.headline.
Edit the text using the snippet twt.widget.location.content (supports HTML code).
Edit the label and link of the route planner button using the snippets twt.widget.location.route.name and twt.widget.location.route.link.
Show "Route planner" button
Shows or hides the "Route planner" button. You maintain the label and link via the snippets twt.widget.location.route.name and twt.widget.location.route.link.
Tab "Widgets" => Block "Location or retail store"
Tab "Widgets" => Block "Location or retail store" => Section "Basic configuration" => Show "Route planner" button
Headline
twt.widget.location.headline
Text
twt.widget.location.content
The snippet supports HTML code.
Route planner (optional)
twt.widget.location.route.name
twt.widget.location.route.link
Note: For information on how to edit snippets, see the following instructions:
Tip: If a change does not affect the storefront, just clear the Shopware cache:
The widget "Payment and shipping methods" is a widget with which you can display the payment and shipping methods you offer with logos.
There is currently no dedicated configuration for this widget. Use the configuration of the individual widgets.
There is currently no dedicated configuration for this widget. Use the configuration of the individual widgets.
twt.widget.paymentshipping.headline
The widget "Revocation" displays a short introductory text and a button linking to the revocation page or revocation form. This allows the revocation to be placed freely as its own footer column.
There is currently no dedicated configuration for this widget.
Edit the headline using the snippet twt.widget.revocation.headline.
Edit the introductory text using the snippet twt.widget.revocation.content (supports HTML code).
Edit the text of the revoke button using the snippet footer.serviceRevocationRequestTextPage.
The revoke button is only displayed if a revocation page is set and the button is enabled in the Shopware basic information settings (Shopware 6.7.9+).
You can find more information about the "Revoke button" in the ThemeWare® knowledge base:
There is currently no dedicated configuration for this widget.
Headline
twt.widget.revocation.headline
Text
twt.widget.revocation.content
The snippet supports HTML code.
Button
footer.serviceRevocationRequestTextPage
Note: For information on how to edit snippets, see the following instructions:
Tip: If a change does not affect the storefront, just clear the Shopware cache:
Note: As soon as the "Revocation" widget is used, ThemeWare® automatically hides the identical button in the "Service hotline" widget so that it does not appear twice.
Important: In the mobile view, the "Revocation" widget is kept permanently expanded (collapsing is not possible) so that the legally required button always stays visible. The "Mobile view" setting has no effect for this widget.
The "Newsletter" widget which allows visitors to subscribe to your newsletter.
You can configure the "Newsletter" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.newsletter.headline.
Edit the text using the snippet twt.widget.newsletter.content.
Tab "Widgets" => Block "Newsletter"
Headline
twt.widget.newsletter.headline
Text
twt.widget.newsletter.content
Form
twt.widget.newsletter.formInput (=> newsletter.placeholderMail)
twt.widget.newsletter.formPrivacy (=> contact.privacyNoticeText)
The snippet supports HTML code.
twt.widget.newsletter.formSubmit
Privacy notice
general.privacyNoticeText (formerly contact.privacyNoticeText)
The snippet supports HTML code.
Subscribed
newsletter.subscriptionPersistedSuccess
newsletter.subscriptionPersistedInfo
Note: For information on how to edit snippets, see the following instructions: Texts: Editing and translation
Tip: If a change does not affect the storefront, just clear the Shopware cache: Clearing / warming up the Shopware cache
With the "Benefits" widget, you can display "Shop benefits" in the form of bullet points.
You can configure the "Benefits" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.benefits.headline.
Edit the benefits (text) using the snippet twt.widget.benefits.content.
Content
Source of the benefits: "Snippet" or "USP bar benefits" (takes the benefits from the USP bar).
Show icons
Tab "Widgets" => Block "Benefits"
Tab "Widgets" => Block "Benefits" => Section "Basic configuration" => Content / Show icons / Number of USP bar benefits
Headline
twt.widget.benefits.headline
Text
Shows or hides the benefit icons.
Number of USP bar benefits
How many benefits are taken from the USP bar (1–6). Only relevant for content "USP bar benefits".
twt.widget.benefits.content
Note: For information on how to edit snippets, see the following instructions:
Tip: If a change does not affect the storefront, just clear the Shopware cache:
The widget "Payment methods" is a widget with which you can display the payment methods you offer with their logos.
You can configure the "Payment logos" widget in the theme configuration.
You can find the configuration in the "Widgets" tab.
Edit the headline using the snippet twt.widget.payment.headline.
Optional: Edit the link of the logos using the snippet twt.widget.payment.link.
For custom logos you maintain the alt and title texts via twt.widget.payment.customImage1–3.alt / .title (see "Accessibility").
You configure the actual payment methods in Shopware 6 via the corresponding administration in the Shopware settings ("Settings" > "Shop").
You can upload your logos for the corresponding payment methods via the payment management in the Shopware settings.
You can maintain the tooltip text (title attribute) using the following snippets:
twt.widget.payment.customImage1.title
twt.widget.payment.customImage2.title
twt.widget.payment.customImage3.title
The title is displayed on mouseover, but is not relevant for accessibility, as it is usually ignored by screen readers.
You can maintain the alt text of the logos using the following snippets:
twt.widget.payment.customImage1.alt
twt.widget.payment.customImage2.alt
twt.widget.payment.customImage3.alt
Link label: The title text of the respective logo is used as the label, and for the automatically determined payment method logos the name of the payment method. No aria-label is output on the link: The hidden text is equivalent, because it is read out as real text content and is additionally picked up by browser translation features.
Link logos
Makes the logos clickable; you set the link via the snippet twt.widget.payment.link.
Show fallback badges
Tab "Widgets" => Block "Payment logos"
Tab "Widgets" => Block "Payment logos" => Section "Basic configuration" => Link logos / Show fallback badges / Show only custom images
Headline
twt.widget.payment.headline
Link for logos (optional)
Shows a text badge for payment methods without a stored logo.
Show only custom images
Shows only your own logos instead of the automatically determined payment method logos.
twt.widget.payment.link
Custom logos
twt.widget.payment.customImage1.alt
twt.widget.payment.customImage1.title
twt.widget.payment.customImage2.alt
twt.widget.payment.customImage2.title
twt.widget.payment.customImage3.alt
twt.widget.payment.customImage3.title
Note: For information on how to edit snippets, see the following instructions: Texts: Editing and translation
Tip: If a change does not affect the storefront, just clear the Shopware cache: Clearing / warming up the Shopware cache
Tip: In the free ThemeWare® Utilities you will find a logo set with 90 pagespeed-optimised graphics for payment methods.
Note: When the logos are linked, the alt attribute of the image remains empty (alt=""), because the image is then only "decorative". The label is provided by a visually hidden text (<span class="visually-hidden">) inside the link instead.
