# Media

### Overview

This section allows you to integrate your own logo into your Shopware shop. Placeholders are defined here by default, which you can easily replace. To do so, simply remove the image link using the “✕” on the right-hand side.

{% hint style="success" %}
If available, we recommend using `.svg` files for your media here. These usually offer you the best resolution for a small file size.
{% endhint %}

### Configuration

<figure><img src="/files/Bxrj0UPf8KQdHvaaBTF9" alt=""><figcaption></figcaption></figure>

<details>

<summary>Desktop</summary>

The logo you upload here will only be displayed on desktop screens.

</details>

<details>

<summary>Tablet</summary>

The logo you upload here will only be displayed on tablet screens.

</details>

<details>

<summary>Mobil</summary>

The logo you upload here will only be displayed on mobile screens.

</details>

<details>

<summary>App- &#x26; Share-Icon</summary>

The logo you upload here will be displayed as a preview when your shop is shared on social networks.

</details>

<details>

<summary>Favicon</summary>

The logo you upload here will be displayed in the browser tab and in the search engine's search results.

</details>

<details>

<summary>Footer</summary>

The logo you upload here will be displayed in your [footer](/en/academy/technical-terms/footer.md). By default, your desktop logo will be used. However, it may make sense to use a different image. For example, if you use a dark background in the [footer configuration](/en/theme-configuration/footer/layout.md) and your logo would no longer be clearly visible below the [service hotline](/en/theme-configuration/footer/columns.md).

</details>

<details>

<summary>Checkout</summary>

The logo you upload here will be displayed in your [checkout](/en/academy/technical-terms/checkout.md). By default, your desktop logo will be used. However, it may make sense to use a different image. For example, if you use a dark background in the [header configuration](/en/theme-configuration/header.md) and your logo would no longer be clearly visible.

</details>


---

# Agent Instructions: 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:

```
GET https://docs.atloss.de/en/theme-configuration/general/media.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.