Shipping logos

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

Configuration

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

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

Content

• 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

Aria label: Currently the title text is used as the aria-label on the link. In a future release we will check whether to combine all logos in one link, provide a separate snippet for the aria-label or add an invisible descriptive text.

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