> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/widgets/versandanbieter-logos.md).

# Versandanbieter-Logos

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

<figure><img src="/files/99WZ4CLFcp8PhniKqGtL" alt=""><figcaption><p>ThemeWare® "Versandanbieter-Logos"-Widget</p></figcaption></figure>

***

## Konfiguration

Das Widget "Versandanbieter-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.

#### Versandarten konfigurieren

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

#### Versandanbieter-Logos

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

{% hint style="success" %}
**Tipp**: In den kostenfreien [ThemeWare® Utilities](https://service.themeware.design/themeware-utilities) findest du ein Logo-Set mit 40 Pagespeed optimierten Grafiken für Versandanbieter.
{% endhint %}

### Barrierefreiheit

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.

#### Alt-Attribut bzw. Aria-Label

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`

{% hint style="info" %}
**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.
{% endhint %}

**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 "Versandanbieter-Logos"

#### Textbausteine

* **Überschrift**
  * `twt.widget.shipping.headline`
* **Link für Logos (optional)**
  * `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`


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://doku.themeware.design/zusatzfunktionen/widgets/versandanbieter-logos.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.