Payment logos

The widget "Payment methods" is a widget with which you can display the payment methods you offer with their logos.

Configuration

You can configure the "Payment logos" widget in the theme configuration.

You can find the configuration in the "Widgets" tab.

Content

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