> 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/adding-your-logo.md).

# Adding your logo

In this article we show you how to add your logo to your online shop, what you should keep in mind and which optimisation options you have.

In this article we assume that you already have a logo for your shop or that you simply use our PSD template.

## Example

Besides the main colours and the font, the logo is one of the shop elements that is essential for your branding and corporate design.

Via the ThemeWare® Utilities you receive a matching logo template in PSD format for your theme.

The easiest way to add the shop logo is directly through the ThemeWare® configuration in the Shopware 6 theme manager of your administration.

> **Example**: In our example we add the ThemeWare® logo to our shop.

1. Open the administration of your shop
2. Switch via the main navigation to the "**theme administration**" (1) (2) ("Content" => "Themes")
   * **Note**: In the Shopware Cloud you will find the "Themes" area directly in the main navigation.
3. Now click on your ThemeWare® theme to start editing
4. Switch to the tab "**Layout**" (3)
5. Open the block "**Media**" (4)
6. Click the ![](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-e6c0f19e93f4c5c8b1f4a8651870a555bf9faad6%2Fconfig--media-field-x-delete.png?alt=media) **button** (5) to remove the current "Logo @Desktop (≥1200px)"
7. Upload or open the logo
   * Via the button "**Upload file**" (6) you can now upload and add your logo
   * Via the button "**Open media**" (7) you can select an image you have already uploaded and drag it into the media field by **drag and drop** (8)
8. Repeat steps 6 and 7 for all logos you want to replace
9. Save the theme configuration
10. Switch to the storefront and reload the page

You have now successfully replaced the shop logo.

#### Screenshots

![Media configuration in ThemeWare®](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-602aef8c3d8983171b47c7bdd827a5b694b86a2c%2Fconfig--twt-media.png?alt=media) ![Upload file](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-93875dfd5c4409e70b6b662465acb8d4be6432c6%2Fconfig--twt-media-open.png?alt=media) ![Open media](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-aa82a1f5dd615b7d9fbeb6f2001d44026f215b07%2Fconfig--twt-media-upload.png?alt=media) ![Example](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-54b2144e427ea7c415bff45db02074c5c07ea295%2Ftutorial--logo.png?alt=media)

{% hint style="success" %}
**Tip**: Simply use our PSD files from the image template download package as a guide, which you receive via the [ThemeWare® Utilities](https://service.themeware.design/en/themeware-utilities).
{% endhint %}
