Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Mit dem Widget "Individueller Text" kannst du einen beilegen HTML-Text im Footer ausgeben.
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget.
Passe die Überschrift über den Textbaustein twt.widget.text.headline an.
Passe den Text über den Textbaustein twt.widget.text.content an (unterstützt HTML-Code).
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget.
Überschrift
twt.widget.text.headline
Text
Die Footer-Navigation ist ein statisches Footer-Element von Shopware. Mit ThemeWare® ist diese in Form eines Widgets flexibel verwendbar.
Die Footer-Navigation selber ist ein Kern-Element von Shopware 6. Um eine Navigation im Footer darstellen zu können ist es – neben der Zuweisung des Widgets in ThemeWare® selber – nötig eine entsprechende Kategoriestruktur zu erstellen.
Erstelle einfach eine Hauptkategorie namens "Footer-Navigation". Füge dieser Unterkategorien hinzu. Jede dieser Unterkategorien der Hauptkategorie (z.B. "Footer-Navigation") repräsentiert eine Navigationsspalte im Footer.
Die Konfiguration findest du im Tab "Widgets".
Reicht dir eine Spalte mit Menüpunkten im Footer, erstelle eine Unterkategorie (z.B. "Informationen") in der Hauptkategorie (z.B. "Footer-Navigation"). Weise dieser Unterkategorie nun weiter Unterkategorien (z.B. "Kontakt" oder "Impressum") hinzu. Diese Unter-Unterkategorien sind nun quasi die Content-Seiten. Weise Ihnen passende CMS-Layouts zu.
Möchtest du in der Footer-Navigation hingegen mehre Spalten nutzen, erstelle mehrere Unterkategorien (z.B. "Shop Service" und "Informationen") in der Hauptkategorie (z.B. "Footer-Navigation"). Weise diesen Unterkategorien nun weiter Unterkategorien (z.B. "über uns", "Kontakt" oder "Impressum") hinzu. Diese Unter-Unterkategorien sind nun quasi die Content-Seiten. Weise Ihnen passende CMS-Layouts zu.
Wechsel in die Einstellungen des entsprechenden Verkaufskanals und wähle im Feld "Einstiegspunkt für die Footer-Navigation" die Hauptkategorie (z.B. "Footer-Navigation") der Footer-Navigation aus.
Speicher diese Änderung, leere einmal den Shopware Cache ("Einstellungen" => "System" => "Caches & Indizes") und lade die Storefront einmal neu.
Du hast nun die Footer-Navigation deinem Storefront zugewiesen.
In allen Themes ist die Footer-Navigation bereits einem Footer-Element zugewiesen und sollte nun direkt angezeigt werden.
Tab "Widgets" => Bereich "Footer-Navigation"
Die Footer-Navigation nutzt keine Textbausteine.
[Tags: footernavigation]
Widgets sind eine Weiterentwicklung der Inhaltselemente aus dem Footer von ThemeWare® für Shopware 5. In ThemeWare® für Shopware 6 sind diese Elemente nun flexibel und nicht mehr an den Footer gebunden.
Die ThemeWare® Widgets können (je nach Widget) über die Theme-Konfiguration an verschiedenen Stellen der Storefront eingebunden werden. Der Hauptanwendungsbereich ist für alle Widgets aber nach wie vor der Footer.
Der klassische Anwendungsfall der ThemeWare® Widgets ist als Element in einer Footerspalte. Den Footer selber konfigurierst du im Tab "Footer".
Die Konfiguration für die Widgets, findest du im Tab "Widgets".
Um Widgets im Footer anzuzeigen weise diese Footer-Elementen (Slots) zu. Es gibt elf Footer-Elemente die jeweils für eine Spalte im Footer stehen. Mit welchem Widget du ein Element befüllen möchtest und wie bzw. wo das Element angezeigt werden soll konfigurierst du im Tab "Footer" => Bereich "Inhalte zuweisen und anordnen".
Tipp: Die meisten Widgets sind bereits bestimmten Footer-Elementen zugewiesen.
Die Widgets von ThemeWare® setzen sich aus verschiedenen Quellen zusammen. Fast alle Widgets nutzen Textbausteine für den eigentlichen Inhalt.
Es gibt aber auch Widgets welche Informationen aus Shopware selber beziehen. Zahlungs- bzw. Versandarten beispielsweise werden über die jeweilige Verwaltung in den Shop-Einstellungen konfiguriert. Die Footer-Navigation hingegen setzt sich aus einem Kategoriezweig aus der Kategorieverwaltung zusammen. Der Kategoriezweig selber muss dann noch über den Verkaufskanal der Storefront zugeweisen werden.
Detaillierte Informationen zu jedem Widget findest du in den folgenden Artikeln.
Das Widget "Auszeichnungen, Siegel oder Zertifikate" ist, wie der Name bereits sagt, ein Widget für Shop-Auszeichnungen bzw. Trust-Badges oder Sicherheits-Zertifikate.
Das Widget "Auszeichnungen, Siegel oder Zertifikate" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.awards.headline an.
twt.widget.text.content
Der Textbaustein unterstützt HTML-Code.
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen
Passe den Text über den Textbaustein twt.widget.awards.content an.
Beide werden nur angezeigt, wenn die Option "Zusatztext anzeigen" aktiviert ist.
Das mitgelieferte SSL-Siegel beschriftest du über twt.widget.awards.sslSeal.alt / .title.
Für individuelle Logos pflegst du Title, Alt-Text, Aria-Label und alternative URL über twt.widget.awards.customImage1–6.* (siehe Abschnitt "Barrierefreiheit").
Bilder wie z. B. Zertifikate oder Siegel, die über die Theme-Konfiguration integriert werden, erhalten leider nicht automatisch den in der Meidenverwaltung hinterlegten alt-Text. Damit diese Bilder trotzdem barrierefrei eingebunden werden können, stellt ThemeWare® hierfür separate Textbausteine bereit, die du individuell nutzen kannst.
Den Tooltip-Text (title-Attribut) kannst du über folgenden Textbaustein pflegen:
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
Der title wird beim Mouseover angezeigt, ist aber nicht barrierefrei relevant, da er von Screenreadern meist ignoriert wird.
Ob du das alt-Attribut oder das aria-label verwendest, hängt davon ab, ob das Bild verlinkt ist oder nicht:
Alt-Attribut (für nicht verlinkte Bilder)
Ist das Bild nicht verlinkt, wird der alt-Text direkt im img-Tag eingebunden. Dieser wird über den passenden Textbaustein gesteuert.
Aria-Label (für verlinkte Bilder)
Ist das Bild verlinkt, bleibt das alt-Attribut im Bild leer (alt=""). Stattdessen wird der beschreibende Text über ein aria-label direkt am <a>-Tag gesetzt – denn hier trägt der Link die eigentliche Bedeutung und die Bilder sind lediglich "dekorativ".
Tipp: Gestalte deine Texte in alt- und aria-label-Attributen ausführlicher, konkreter und kontextbezogener als beispielsweise den titel-Text.
Statt nur "SSL-verschlüsselt", könntest du z. B. schreiben: "Ihre Daten sind durch SSL-Verschlüsselung geschützt". So profitieren auch Screenreader-Nutzer und es wirkt gleichzeitig vertrauensvoller für alle Besucher.
Zusatztext anzeigen
Blendet Überschrift und Text ein (Textbausteine twt.widget.awards.headline / twt.widget.awards.content).
Standard SSL-Siegel anzeigen
Zeigt das mitgelieferte SSL-Siegel an (verfügbar in Deutsch und Englisch).
Tab "Widgets" => Bereich "Auszeichnungen, Siegel oder Zertifikate"
Tab "Widgets" => Bereich "Auszeichnungen, Siegel oder Zertifikate" => Abschnitt "Basiskonfiguration" => Zusatztext anzeigen / Standard SSL-Siegel anzeigen
Überschrift
twt.widget.awards.headline
Text
twt.widget.awards.content
SSL-Siegel
Alt-Attribut: twt.widget.awards.sslSeal.alt
Title-Attribute: twt.widget.awards.sslSeal.title
Titel für individuelle Logos
twt.widget.awards.customImage1.title
twt.widget.awards.customImage2.title
Alternative URLs für individuelle Logos
twt.widget.awards.customImage1.url
twt.widget.awards.customImage2.url
Alt-Attribut (wird verwendet, wenn das Bild nicht verlinkt ist)
twt.widget.awards.customImage1.alt
twt.widget.awards.customImage2.alt
Aria-Label (wird verwendet, wenn das Bild verlinkt ist)
twt.widget.awards.customImage1.ariaLabel
twt.widget.awards.customImage2.ariaLabel
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
Tipp: Im ThemeWare® Video-Tutorial "Footer-Navigation konfigurieren" zeigen wir dir, wie du die Footer-Navigation erstellem und zuweisen kannst.
Mit dem Widget "Communities bzw. Social Media" kannst du Kunden deine Social Media Kanäle präsentieren.
Das Widget "Communities bzw. Social Media" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.communities.headline an.
Optional: Passe den Zusatztext über den Textbaustein twt.widget.communities.additionalText an.
Pro Kanal pflegst du die Beschriftung über twt.widget.communities.[kanal].name, den Link über twt.widget.communities.[kanal].link und den Tooltip über twt.widget.communities.[kanal].title. Die vollständige Liste aller Kanäle findest du in der Zusammenfassung.
Darstellungsart
Ordnet die Icons "nebeneinander" oder "untereinander" an.
Icon-Style
Stil der Icons: "Standard", "isoliert", "Badge", "eckig" oder "rund" – jeweils auch als monochrome Variante.
Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Basiskonfiguration" => Darstellungsart / Icon-Style / Icongröße / Icon-Färbung / Zusatztext anzeigen / Beschriftung anzeigen / Position der Beschriftung / Link-Relation "nofollow"
Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Social Icons" => [Plattform]-Link anzeigen
Überschrift
twt.widget.communities.headline
Text (optional)
Der Text "Service-Hotline" ist ein statisches Footer-Element von Shopware. Mit ThemeWare® ist dieser in Form eines Widgets flexibel verwendbar.
Das Widget "Service-Hotline" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein footer.serviceHotlineHeadline an.
Das Widget "Standort bzw. Ladengeschäft" ist ein Widget mit welchem du dein stationäres Ladengeschäft vorstellen kannst.
Das Widget "Standort bzw. Ladengeschäft" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.location.headline an.
Das Widget "Newsletter" ist, wie der Name bereits sagt, ein Newsletter-Widget. Hiermit können sich Besucher in deinem Newsletter anmelden.
Das Widget "Newsletter" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.newsletter.headline an.
Mit dem "Vorteile"-Widget kannst du "Shop-Vorteile" in Form von Stichpunkten anzeigen lassen.
Das Widget "Vorteile" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.benefits.headline an.
Das Widget "Über uns" ist ein Widget mit welchem du einen kurzen Infotext über dich und deinen Shop anzeigen lassen kannst.
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget.
Passe die Überschrift über den Textbaustein twt.widget.about.headline an.
Passe den Text über den Textbaustein
twt.widget.awards.customImage3.titletwt.widget.awards.customImage4.title
twt.widget.awards.customImage5.title
twt.widget.awards.customImage6.title
twt.widget.awards.customImage3.urltwt.widget.awards.customImage4.url
twt.widget.awards.customImage5.url
twt.widget.awards.customImage6.url
twt.widget.awards.customImage3.alttwt.widget.awards.customImage4.alt
twt.widget.awards.customImage5.alt
twt.widget.awards.customImage6.alt
twt.widget.awards.customImage3.ariaLabeltwt.widget.awards.customImage4.ariaLabel
twt.widget.awards.customImage5.ariaLabel
twt.widget.awards.customImage6.ariaLabel
Icongröße
Größe der Icons in Pixel (20–80, Standard 45).
Icon-Färbung
"Standard", "individuelle Farbe" oder "Graustufen".
Zusatztext anzeigen
Blendet einen Zusatztext ein (Textbaustein twt.widget.communities.additionalText).
Beschriftung anzeigen
Zeigt die Beschriftung (Name) zum Icon an.
Position der Beschriftung
"neben Icon" oder "unter Icon".
Link-Relation "nofollow"
Versieht die Links mit dem Attribut rel="nofollow".
[Plattform]-Link anzeigen (Abschnitt "Social Icons")
Pro Kanal (Facebook, Instagram, Twitter, X, YouTube, Vimeo, Twitch, Flickr, Pinterest, TikTok, Spotify, Blogger, Blog, WhatsApp, LinkedIn, Xing, Webseite) legst du fest, ob das Icon angezeigt wird. Name und Link pflegst du je Kanal über Textbausteine (siehe unten).
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
Webseite
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
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen
Passe den Hotline-Text über den Textbaustein footer.serviceHotline an.
Passe den Text des Kontaktformular-Links über den Textbaustein footer.serviceContactTextPage an.
Der Widerrufsbutton wird nur angezeigt, wenn in den Shopware-Grundeinstellungen eine Widerrufsseite hinterlegt und der Button aktiviert ist (Shopware 6.7.9+ und ThemeWare® 4.3.0+).
Mehr Informationen zum "Widerrufsbutton" findest du in der ThemeWare® Wissensdatenbank:
Kontaktformular-Link anzeigen
Blendet den Link zum Kontaktformular ein oder aus (Text über den Textbaustein footer.serviceContactTextPage).
Tab "Widgets" => Bereich "Service-Hotline"
Tab "Widgets" => Bereich "Service-Hotline" => Abschnitt "Basiskonfiguration" => Kontaktformular-Link anzeigen
Überschrift
footer.serviceHotlineHeadline
Text
footer.serviceHotline
Link "Kontaktformular"
footer.serviceContactTextPage
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
Wichtig: Wird der Widerrufsbutton in diesem Widget angezeigt, klappt ThemeWare® das "Service-Hotline"-Widget in der mobilen Ansicht dauerhaft auf (kein Zuklappen möglich), damit der rechtlich erforderliche Button immer sichtbar bleibt. Die Einstellung "Mobile Ansicht" hat für dieses Widget dann keine Wirkung.
Passe den Text über den Textbaustein twt.widget.location.content an (unterstützt HTML-Code).
Passe Beschriftung und Link des Routenplaner-Buttons über die Textbausteine twt.widget.location.route.name und twt.widget.location.route.link an.
Routenplaner-Button anzeigen
Blendet den "Routenplaner"-Button ein oder aus. Label und Link pflegst du über die Textbausteine twt.widget.location.route.name und twt.widget.location.route.link.
Tab "Widgets" => Bereich "Standort bzw. Ladengeschäft"
Tab "Widgets" => Bereich "Standort bzw. Ladengeschäft" => Abschnitt "Basiskonfiguration" => Routenplaner-Button anzeigen
Überschrift
twt.widget.location.headline
Text
twt.widget.location.content
Der Textbaustein unterstützt HTML-Code.
Routenplaner (optional)
twt.widget.location.route.link
twt.widget.location.route.name
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
Passe den Text über den Textbaustein twt.widget.newsletter.content an.
Tab "Widgets" => Bereich "Newsletter"
Überschrift
twt.widget.newsletter.headline
Text
twt.widget.newsletter.content
Formular
contact.privacyNoticeText (ehemals 'twt.widget.newsletter.formPrivacy')
Der Textbaustein unterstützt HTML-Code.
Datenschutzhinweis
general.privacyNoticeText (ehemals 'contact.privacyNoticeText')
Der Textbaustein unterstützt HTML-Code.
Abonniert
newsletter.subscriptionPersistedSuccess
newsletter.subscriptionPersistedInfo
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
Passe die Vorteile (Text) über den Textbaustein twt.widget.benefits.content an.
Inhalt
Quelle der Vorteile: "Textbaustein" oder "USP-Bar Vorteile" (übernimmt die Vorteile aus der USP-Bar).
Icons anzeigen
Blendet die Icons der Vorteile ein oder aus.
Anzahl der USP-Bar Vorteile
Wie viele Vorteile aus der USP-Bar übernommen werden (1–6). Nur relevant bei Inhalt "USP-Bar Vorteile".
Tab "Widgets" => Bereich "Vorteile"
Tab "Widgets" => Bereich "Vorteile" => Abschnitt "Basiskonfiguration" => Inhalt / Icons anzeigen / Anzahl der USP-Bar Vorteile
Überschrift
twt.widget.benefits.headline
Text
twt.widget.benefits.content
[Tags: shopvorteile]
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
twt.widget.about.contentEs gibt derzeit keine gesonderte Konfiguration für dieses Widget.
Überschrift
twt.widget.about.headline
Text
twt.widget.about.content
Der Textbaustein unterstützt HTML-Code.
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
Das Widget "Widerruf" zeigt einen kurzen Einleitungstext sowie einen Button zur Widerrufsseite bzw. zum Widerrufsformular an. So lässt sich der Widerruf als eigenständige Footer-Spalte frei platzieren.
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget.
Passe die Überschrift über den Textbaustein twt.widget.revocation.headline an.
Passe den Einleitungstext über den Textbaustein
Das Widget "Zahlungs- und Versandarten" ist ein Widget mit welchem du die von dir angebotenen Zahlungs- und Versandarten mit Logos anzeigen lassen kannst.
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget. Verwende die Konfiguration der einzelnen Widgets.
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget. Verwende die Konfiguration der einzelnen Widgets.
twt.widget.paymentshipping.headline
newsletter.placeholderMail (ehemals 'twt.widget.newsletter.formInput')
twt.widget.revocation.contentPasse den Text des Widerrufs-Buttons über den Textbaustein footer.serviceRevocationRequestTextPage an.
Der Button wird nur angezeigt, wenn in den Shopware-Grundeinstellungen eine Widerrufsseite hinterlegt und der Button aktiviert ist (Shopware 6.7.9+).
Mehr Informationen zum "Widerrufs-Button" findest du in der ThemeWare® Wissensdatenbank:
Es gibt derzeit keine gesonderte Konfiguration für dieses Widget.
Überschrift
twt.widget.revocation.headline
Text
twt.widget.revocation.content
Der Textbaustein unterstützt HTML-Code.
Button
footer.serviceRevocationRequestTextPage
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:
Wichtig: In der mobilen Ansicht wird das "Widerruf"-Widget dauerhaft aufgeklappt (kein Zuklappen möglich), damit der rechtlich erforderliche Button immer sichtbar bleibt. Die Einstellung "Mobile Ansicht" hat für dieses Widget keine Wirkung.
Das Widget "Versandarten" ist ein Widget mit welchem du die von dir angebotenen Versandarten mit Logos anzeigen lassen kannst.
Das Widget "Versandanbieter-Logos" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.shipping.headline an.
Optional: Passe den Link der Logos über den Textbaustein twt.widget.shipping.link an.
Für individuelle Logos pflegst du Alt- und Title-Texte über twt.widget.shipping.customImage1–3.alt / .title (siehe Abschnitt "Barrierefreiheit").
Die eigentlichen Versandarten konfigurierst du in Shopware 6 über die entsprechende Verwaltung in den Shopware-Einstellungen ("Einstellungen" > "Shop").
Deine Logos für die entsprechenden Versandanbieter kannst du über die Versandarten-Verwaltung in den Shopware-Einstellungen hochladen.
Den Tooltip-Text (title-Attribut) kannst du über folgende Textbausteine pflegen:
twt.widget.shipping.customImage1.title
twt.widget.shipping.customImage2.title
twt.widget.shipping.customImage3.title
Der title wird beim Mouseover angezeigt, ist aber nicht barrierefrei relevant, da er von Screenreadern meist ignoriert wird.
Den alt-Text der Logos kannst du über folgende Textbausteine pflegen:
twt.widget.shipping.customImage1.alt
twt.widget.shipping.customImage2.alt
twt.widget.shipping.customImage3.alt
Beschriftung des Links: Als Text wird der title-Text des jeweiligen Logos verwendet, bei den automatisch ermittelten Versandart-Logos der Name der Versandart. Ein aria-label am Link wird nicht ausgegeben: Der versteckte Text ist gleichwertig, weil er als echter Textinhalt vorgelesen wird und zusätzlich von Übersetzungsfunktionen des Browsers erfasst wird.
Logos verlinken
Macht die Logos anklickbar; den Link hinterlegst du über den Textbaustein twt.widget.shipping.link.
Fallback-Badge anzeigen
Tab "Widgets" => Bereich "Versandanbieter-Logos"
Tab "Widgets" => Bereich "Versandanbieter-Logos" => Abschnitt "Basiskonfiguration" => Logos verlinken / Fallback-Badge anzeigen / Nur benutzerdefinierte Bilder anzeigen
Überschrift
twt.widget.shipping.headline
Link für Logos (optional)
Nur benutzerdefinierte Bilder anzeigen
Zeigt ausschließlich deine eigenen Logos statt der automatisch ermittelten Versandart-Logos.
twt.widget.shipping.link
Individuelle 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
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen
Tipp: In den kostenfreien ThemeWare® Utilities findest du ein Logo-Set mit 40 Pagespeed optimierten Grafiken für Versandanbieter.
Das Widget "Zahlungsarten" ist ein Widget mit welchem du die von dir angebotenen Zahlungsarten mit Logos anzeigen lassen kannst.
Das Widget "Zahlungsanbieter-Logos" kannst du in der Theme-Konfiguration konfigurieren.
Die Konfiguration findest du im Tab "Widgets".
Passe die Überschrift über den Textbaustein twt.widget.payment.headline an.
Optional: Passe den Link der Logos über den Textbaustein twt.widget.payment.link an.
Für individuelle Logos pflegst du Alt- und Title-Texte über twt.widget.payment.customImage1–3.alt / .title (siehe Abschnitt "Barrierefreiheit").
Die eigentlichen Zahlungsarten konfigurierst du in Shopware 6 über die entsprechende Verwaltung in den Shopware-Einstellungen ("Einstellungen" > "Shop").
Deine Logos für die entsprechenden Zahlungsanbieter kannst du über die Zahlungsarten-Verwaltung in den Shopware-Einstellungen hochladen.
Den Tooltip-Text (title-Attribut) kannst du über folgende Textbausteine pflegen:
twt.widget.payment.customImage1.title
twt.widget.payment.customImage2.title
twt.widget.payment.customImage3.title
Der title wird beim Mouseover angezeigt, ist aber nicht barrierefrei relevant, da er von Screenreadern meist ignoriert wird.
Den alt-Text der Logos kannst du über folgende Textbausteine pflegen:
twt.widget.payment.customImage1.alt
twt.widget.payment.customImage2.alt
twt.widget.payment.customImage3.alt
Beschriftung des Links: Als Text wird der title-Text des jeweiligen Logos verwendet, bei den automatisch ermittelten Zahlungsart-Logos der Name der Zahlungsart. Ein aria-label am Link wird nicht ausgegeben: Der versteckte Text ist gleichwertig, weil er als echter Textinhalt vorgelesen wird und zusätzlich von Übersetzungsfunktionen des Browsers erfasst wird.
Logos verlinken
Macht die Logos anklickbar; den Link hinterlegst du über den Textbaustein twt.widget.payment.link.
Fallback-Badge anzeigen
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos"
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Basiskonfiguration" => Logos verlinken / Fallback-Badge anzeigen / Nur benutzerdefinierte Bilder anzeigen
Überschrift
twt.widget.payment.headline
Link für Logos (optional)
Nur benutzerdefinierte Bilder anzeigen
Zeigt ausschließlich deine eigenen Logos statt der automatisch ermittelten Zahlungsart-Logos.
twt.widget.payment.link
Individuelle 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
Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen
Tipp: In den kostenfreien ThemeWare® Utilities findest du ein Logo-Set mit 90 Pagespeed optimierten Grafiken für Zahlungsarten.
