> For the complete documentation index, see [llms.txt](https://knowledge.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledge.themeware.design/knowledge-base/introduction/payment-and-shipping-provider-logos.md).

# Payment and shipping provider logos

ThemeWare® can output the logos of your payment and shipping methods in the footer and on the product page. The logos come directly from the payment and shipping methods of Shopware.

## Step 1: Store the logos in Shopware

#### Payment methods

1. Open the administration of your shop
2. Switch via the main navigation to "**Settings**" => "**Payment methods**"
3. Open a payment method
4. Store an image from your media library in the field "**Logo**"
5. Save the payment method and repeat the process for all other payment methods

#### Shipping methods

1. Switch via the main navigation to "**Settings**" => "**Shipping**"
2. Open a shipping method
3. Store an image in the field "**Upload logo**"
4. Save the shipping method and repeat the process for all other shipping methods

{% hint style="info" %}
**Note**: Only payment and shipping methods that are assigned to your Sales Channel and are active are output.
{% endhint %}

## Step 2: Place the widget in the footer

1. Switch via the main navigation to the "**theme administration**" ("Content" => "Themes")
   * **Note**: In the Shopware Cloud you will find the "Themes" area directly in the main navigation.
2. Now click on your ThemeWare® theme to start editing
3. Switch to the tab "**Footer**"
4. Open the block "**Assigning and arranging content**"
5. In a free section (for example "**Element 1**") select one of the following options for the "**Content (Widget)**":
   * "**Payment methods**"
   * "**Shipping methods**"
   * "**Payment and shipping methods**" (both logo groups in one element)
6. Define the "**Section**" and the "**Order**"

## Step 3: Configure the display of the logos

* Tab "**Widgets**" => Block "**Payment logos**" or "**Shipping logos**"

The section "**Basic configuration**" offers among others:

* "**Maximum height**": limits the height of the logos
* "**Corner type**": the corner shape of the logos
* "**Link logos**": links the logos
* "**Show fallback badges**": outputs the name as a badge if no logo is stored for a payment or shipping method
* "**Show only custom images**": ignores the logos from Shopware and outputs only your own images

In the section "**Colour configuration**" you configure the "**Coloration**", the "**Border colour**" and the colours of the fallback badge.

## Using your own logos

If you want to output logos for which there is no payment or shipping method (for example a buyer protection seal), use the custom images.

* Tab "**Widgets**" => Block "**Payment logos**" or "**Shipping logos**" => Section "**Images**" => "**Custom image 1**" to "**Custom image 3**"

{% hint style="success" %}
**Tip**: You can edit the titles and alt texts of the custom images with the snippets `twt.widget.payment.customImage1.title` and `twt.widget.shipping.customImage1.title` (accordingly for image 2 and 3).
{% endhint %}

## Logos on the product page

You can additionally output the payment logos in the buy box of the product page.

* Tab "**Product pages**" => Block "**Payment logos (in the buy box)**"

***

## Further information

* Introduction: [Configuring the footer](/knowledge-base/introduction/configuring-the-footer.md)