All pages
Powered by GitBook
1 of 1

Loading...

Announcement banner

The announcement banner is a status bar above the header. Status messages can be displayed here.

The banner is suitable for the promotion of campaigns, for example. Changes in shipping times due to vacation or absence can also be displayed.

ThemeWare® "Announcement banner"

Note: The announcement banner is shown above the header if the "Show announcement banner" configuration is enabled. If you have set a start and/or end date, it only appears within that period.


Configuration

Theme configuration

  1. Go to the tab "Extensions"

  2. Expand the block "Announcement banner (in the header)"

  3. Enable the banner with the configuration "Show announcement banner"

  4. Save your changes after editing

  • Edit the text of the announcement banner using the snippet twt.extension.announcementBanner.content

  • Optional: Edit the link URL using the snippet twt.extension.announcementBanner.link (only used if the "Link banner" configuration is enabled)


  • Closable

    • Adds a close button that lets visitors hide the banner (details below).

  • Start date / End date

With the configuration "Closable", a close button is added to the banner. This allows the visitor to hide the banner for one day.

This is logged via a "local storage" cookie. An seperate entry is added to the cookie consent from Shopware for this purpose. If this "comfort feature" is not agreed to, the close button is not displayed.

Note: Please note that Shopware adds this entry for each installed theme! This option is therefore not recommended if you are using more than one ThemeWare® theme.


  • Tab "Extensions" => Block "Announcement banner (in the header)" => Show announcement banner

  • Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration" => Closable / Start date / End date / Link banner / Open link in new tab / Link relation "nofollow"

  • Text

    • twt.extension.announcementBanner.content

  • Link

Limits the display of the banner to a period.

  • Link banner

    • Makes the entire banner clickable; you set the target URL via the snippet twt.extension.announcementBanner.link.

  • Open link in new tab

    • Opens the linked banner in a new browser tab.

  • Link relation "nofollow"

    • Adds the attribute rel="nofollow" to the banner link.

  • twt.extension.announcementBanner.link

  • Aria label

    • twt.extension.announcementBanner.ariaLabel

    • twt.extension.announcementBanner.closeButton.ariaLabel

  • 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:

    Options

    Announcement banner closable

    Summary

    Theme configuration

    Snippets

    Texts: Editing and translation
    Clearing / warming up the Shopware cache