Zahlungsanbieter-Logos

Das Widget "Zahlungsarten" ist ein Widget mit welchem du die von dir angebotenen Zahlungsarten mit Logos anzeigen lassen kannst.

ThemeWare® "Zahlungsanbieter-Logos"-Widget

---

Konfiguration

Das Widget "Zahlungsanbieter-Logos" kannst du in der Theme-Konfiguration konfigurieren.

Die Konfiguration findest du im Tab "Widgets".

Texte und Links bearbeiten

Die Texte und Links die im Widget verwendet werden, kannst du über Textbausteine ändern bzw. übersetzen.

Welche Textbausteine genutzt werden erfährst du in den entsprechenden Hilfe-Texten der jeweiligen Konfigurationen. Die Textbausteine in den Hilfe-Texten von ThemeWare® sind verlinkt, damit du ohne Umwege in den Editor des entsprechenden Textbausteins gelangst.

Eine Übersicht der verwendeten Textbausteine findest du zudem weiter unten in diesem Artikel.

Zahlungsarten konfigurieren

Die eigentlichen Zahlungsarten konfigurierst du in Shopware 6 über die entsprechende Verwaltung in den Shopware-Einstellungen ("Einstellungen" > "Shop").

Zahlungsanbieter-Logos

Deine Logos für die entsprechenden Zahlungsanbieter kannst du über die Zahlungsarten-Verwaltung in den Shopware-Einstellungen hochladen.

Tipp: In den kostenfreien ThemeWare® Utilities findest du ein Logo-Set mit 90 Pagespeed optimierten Grafiken für Zahlungsarten.

Barrierefreiheit

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.

Alt-Attribut bzw. Aria-Label

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

Hinweis: Das alt-Attribut bleibt leer, wenn die Logos verlinkt werden, weil stattdessen das aria-label am Link gesetzt wird und die Bilder dann nur "dekorativ" sind.

Aria-Label: Derzeit wird der title-Text als aria-label im Link benutzt. Wir prüfen in einem kommenden Release ob wir alle Logos in einem Link zusammenfassen und einen separaten Textbaustein für das aria-label bereitstellen.

---

Zusammenfassung

Theme-Konfiguration

• Tab "Widgets" => Bereich "Zahlungsanbieter-Logos"

Textbausteine

• Überschrift

  • twt.widget.payment.headline

• Link für Logos (optional)

  • 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