# Hintergrundbild im Footer

**URL:** <https://forum.shopware.com/t/hintergrundbild-im-footer/99741>\
**Category:** Themes & Design\
**Created:** [19. Mai 2023 um 09:01 UTC](https://forum.shopware.com/t/hintergrundbild-im-footer/99741 "2023-05-19T09:01:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)\
**Post date:** [19. Mai 2023 um 09:01 UTC](https://forum.shopware.com/t/hintergrundbild-im-footer/99741/1 "2023-05-19T09:01:23Z")

</div>

Hallo,  
ich möchte gerne dem Footer ein Hintergrundbild geben.  
Ich habe ein eigenes Theme erstellt und in der scss

```auto
footer{
	background: url("../../../../public/media/footer_hell.jpg");
}

```

Das Bild hab ich in custom/plugins/MeinTheme/src/Resources/public/media  
abgelegt.

theme compiliert und Seite neu geladen. Aber er findet das Bild nicht.  
Wenn ich mir den Pfad in der Console ansehe steht das domain/public/media/footer\_hell.jp  
Also hab ich das Bild auch noch in public/media geladen. Aber auch so findet er das Bild nicht.  
Wie kann ich das Bild richtig eingeben, damit es angezeigt wird?  
Danke und VG Nadja

---

<div class="post-metadata">

**Author:** ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)\
**Post date:** [19. Mai 2023 um 09:33 UTC](https://forum.shopware.com/t/hintergrundbild-im-footer/99741/2 "2023-05-19T09:33:17Z")

</div>

Hallo Nadja,

erstmal zum CSS, da würde ich dir empfehlen lieber die Klasse des Footers z.B. „footer-main“ als das Footer Element selbst zu nehmen. Und die korrekte Property ist „background-image“. Würde dann ungefähr so aussehen:

```auto
.footer-main{
background-image: url("...");
}

```

Theoretisch gibt es dir Möglichkeit Bilder als Asset direkt im Theme zu hinterlegen, dass habe ich aber selbst auch noch nicht hinbekommen: [Add assets to a Theme - Shopware Developer](https://developer.shopware.com/docs/guides/plugins/themes/add-assets-to-theme)

Ansonsten kannst du das Bild ja auch im Backend unter Inhalte\>Medien und dann im jeweiligen Ordner hochladen, wenn das Bild hochgeladen ist kannst du rechts über der Vorschau auf „Link kopieren“ klicken und den Link dann in deinem CSS einfügen.  
Der sauberere und „richtige“ Weg wäre aber über die Assets…

Viele Grüße  
Tom

---

<div class="post-metadata">

**Author:** ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)\
**Post date:** [19. Mai 2023 um 09:43 UTC](https://forum.shopware.com/t/hintergrundbild-im-footer/99741/3 "2023-05-19T09:43:17Z")

</div>

Hallo Tom,  
danke für deine Antwort.  
Leider funktioniert es auch nicht, wenn ich die Klasse footer-main und background-image verwende

---

<div class="post-metadata">

**Author:** ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)\
**Post date:** [19. Mai 2023 um 09:53 UTC](https://forum.shopware.com/t/hintergrundbild-im-footer/99741/4 "2023-05-19T09:53:23Z")

</div>

Mit der Variante, die URL zu kopieren hat es funktioniert. Vielen lieben Dank  
VG Nadja