# Hintergrundbild

**URL:** <https://forum.shopware.com/t/hintergrundbild/65254>\
**Category:** Themes & Design\
**Created:** [5. März 2020 um 12:24 UTC](https://forum.shopware.com/t/hintergrundbild/65254 "2020-03-05T12:24:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Klingalin](https://avatars.discourse-cdn.com/v4/letter/k/278dde/32.png) [@Klingalin](https://forum.shopware.com/u/Klingalin)\
**Post date:** [5. März 2020 um 12:24 UTC](https://forum.shopware.com/t/hintergrundbild/65254/1 "2020-03-05T12:24:23Z")

</div>

Hallo zusammen,

scheinbar stehe ich aktuell ziemlich auf dem Schlauch und komme nicht weiter…&nbsp;

Wie kann ich ein background image im Theme hinzufügen?&nbsp;  
Ich möchte im Banner ein Hintergrundbild setzen (so eine Art rennflagge, teilweise transparent im PNG format, die auf dem Webserver gespeichert ist)  
Zusätzlich soll nur der Header eine bestimmte hintergrundfarbe haben, ggf. auch die ganze Seite das wird noch überlegt.&nbsp;

Ein eigenes Theme ist erstellt und zugewiesen.&nbsp;  
Ich nehme die Datei header.html.twig und möchte folgendes abbilden:&nbsp;

background-image: url(“URL”);background-position: bottom left; background-repeat: repeat-x&nbsp;  
bacground-colour: #\*\*\*\*\*\*

Aber wie binde ich das ein? oder muss ich das an einer anderen Stelle einbinden? wenn ich es normal als HTML Code einfüge zeigt er das oben im Header als Text an - ich glaub&nbsp; ich steh einfach nur auf dem Schlauch und überseh was…&nbsp;

(Anmerkung: bin relativ neu in Shopware, betreue zwar seit einiger Zeit das Backend von Shopware 5 und kenne mich da entsprechend gut aus. Der Shop soll auf Shopware 6 geupdated werden, muss aber aufgrund vieler Anpassung eines externen komplett neu gestaltet werden und näher am Shopware “Standard” oder mit Plugins)

Danke vorab&nbsp;

---

<div class="post-metadata">

**Author:** ![Mattes](https://avatars.discourse-cdn.com/v4/letter/m/4da419/32.png) [@Mattes](https://forum.shopware.com/u/Mattes)\
**Post date:** [13. Mai 2021 um 09:00 UTC](https://forum.shopware.com/t/hintergrundbild/65254/2 "2021-05-13T09:00:29Z")

</div>

Hallo du kannst es im header.html.twig ganz einfach machen.

Unterhalb von  
{% block layout\_header\_navigation %}  
\< div class=„row align-items-center header-row“\>

Kannst du ganz einfach diesen Code einfügen

> Blockquote  
> \< style \>  
> body {  
> background-image: url(‚bilder/bild.png‘);  
> background-position: center top;  
> height: 40px;  
> background-repeat: no-repeat;  
> }  
> \< /style \>

---

<div class="post-metadata">

**Author:** ![softwareprofi](https://avatars.discourse-cdn.com/v4/letter/s/3d9bf3/32.png) [@softwareprofi](https://forum.shopware.com/u/softwareprofi)\
**Post date:** [14. Mai 2021 um 08:04 UTC](https://forum.shopware.com/t/hintergrundbild/65254/3 "2021-05-14T08:04:42Z")

</div>

Hi,

Alternative: Im Store gibt es auch Plugins dafür, z.T. auch kostenlos.

Viel Erfolg.