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

# Zahlungs- und Versandanbieter Logos

ThemeWare® kann die Logos deiner Zahlungs- und Versandarten im Footer und auf der Produktseite ausgeben. Die Logos kommen dabei direkt aus den Zahlungs- bzw. Versandarten von Shopware.

## Schritt 1: Logos in Shopware hinterlegen

#### Zahlungsarten

1. Öffne die Administration deines Shops
2. Wechsel über die Hauptnavigation in "**Einstellungen**" => "**Zahlungsarten**"
3. Öffne eine Zahlungsart
4. Hinterlege beim Feld "**Logo**" ein Bild aus deiner Mediathek
5. Speicher die Zahlungsart und wiederhole den Vorgang für alle weiteren Zahlungsarten

#### Versandarten

1. Wechsel über die Hauptnavigation in "**Einstellungen**" => "**Versand**"
2. Öffne eine Versandart
3. Hinterlege beim Feld "**Logo hochladen**" ein Bild
4. Speicher die Versandart und wiederhole den Vorgang für alle weiteren Versandarten

{% hint style="info" %}
**Info**: Es werden nur Zahlungs- und Versandarten ausgegeben, die deinem Verkaufskanal zugewiesen und aktiv sind.
{% endhint %}

## Schritt 2: Widget im Footer platzieren

1. Wechsel über die Hauptnavigation in die "**Theme-Verwaltung**" ("Inhalte" => "Themes")
   * **Hinweis**: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
2. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
3. Wechsel in den Tab "**Footer**"
4. Öffne den Bereich "**Inhalte zuweisen und anordnen**"
5. Wähle in einem freien Abschnitt (z.B. "**Element 1**") beim "**Inhalt (Widget)**" eine der folgenden Optionen:
   * "**Zahlungsarten**"
   * "**Versandarten**"
   * "**Zahlungs- und Versandarten**" (beide Logo-Gruppen in einem Element)
6. Lege den "**Bereich**" und die "**Reihenfolge**" fest

## Schritt 3: Darstellung der Logos konfigurieren

* Tab "**Widgets**" => Bereich "**Zahlungsanbieter-Logos**" bzw. "**Versandanbieter-Logos**"

Im Abschnitt "**Basiskonfiguration**" stehen dir unter anderem zur Verfügung:

* "**Maximale Höhe**": begrenzt die Höhe der Logos
* "**Ecken**": die Eckenform der Logos
* "**Logos verlinken**": verlinkt die Logos
* "**Fallback-Badge anzeigen**": gibt den Namen als Badge aus, wenn für eine Zahlungs- bzw. Versandart kein Logo hinterlegt ist
* "**Nur benutzerdefinierte Bilder anzeigen**": ignoriert die Logos aus Shopware und gibt ausschließlich deine eigenen Bilder aus

Im Abschnitt "**Farbkonfiguration**" konfigurierst du die "**Färbung**", die "**Rahmenfarbe**" und die Farben des Fallback-Badges.

## Eigene Logos verwenden

Möchtest du Logos ausgeben, für die es keine Zahlungs- oder Versandart gibt (z.B. ein Käufersiegel), nutze die benutzerdefinierten Bilder.

* Tab "**Widgets**" => Bereich "**Zahlungsanbieter-Logos**" bzw. "**Versandanbieter-Logos**" => Abschnitt "**Bilder**" => "**Benutzerdefiniertes Bild 1**" bis "**Benutzerdefiniertes Bild 3**"

{% hint style="success" %}
**Tipp**: Die Titel und Alt-Texte der benutzerdefinierten Bilder bearbeitest du über die Textbausteine `twt.widget.payment.customImage1.title` bzw. `twt.widget.shipping.customImage1.title` (analog für Bild 2 und 3).
{% endhint %}

## Logos auf der Produktseite

Die Zahlungsanbieter-Logos kannst du zusätzlich in der Buybox der Produktseite ausgeben.

* Tab "**Produktseiten**" => Bereich "**Zahlungsanbieter-Logos (in der Buybox)**"

***

## Weiterführende Informationen

* Einführung: [Footer konfigurieren](/wissensdatenbank/einfuehrung/footer-konfigurieren.md)
* Einführung: [Zahlungs- und Versandanbieter konfigurieren](/wissensdatenbank/einfuehrung/zahlungs-und-versandanbieter-konfigurieren.md)

#### ThemeWare® Video-Tutorial

{% embed url="<https://service.themeware.design/themeware-tutorial>" %}
ThemeWare® Video-Tutorial
{% endembed %}