# Hintergrundbild einfügen ThemeManager?

**URL:** <https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803>\
**Category:** Themes & Design\
**Created:** [27. März 2017 um 07:06 UTC](https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803 "2017-03-27T07:06:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![OliverR](https://avatars.discourse-cdn.com/v4/letter/o/ce73a5/32.png) [@OliverR](https://forum.shopware.com/u/OliverR)\
**Post date:** [27. März 2017 um 07:06 UTC](https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803/1 "2017-03-27T07:06:59Z")

</div>

Hallo Community,

ich habe gerade gesehen das man wohl den Body Backround aus dem ThemeManager raus ändern kann.&nbsp;

Ich habe es so versucht unter :

Theme Konfiguration -\> Farb Konfiguration -\> Allgemein

@body-bg:&nbsp;url("…/…/img/background.jpg")

das funktioniert leider nicht. Muss ich das Bild vielleicht in einen anderen Ordner speichern? Momentan habe ich es unter &nbsp;\themes\Frontend\Responsive\frontend\_public\src\img

Ich würde mich über Hilfe freuen.

Gruß

Oliver

---

<div class="post-metadata">

**Author:** ![ewuemoht](https://avatars.discourse-cdn.com/v4/letter/e/df705f/32.png) [@ewuemoht](https://forum.shopware.com/u/ewuemoht)\
**Post date:** [27. März 2017 um 10:40 UTC](https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803/2 "2017-03-27T10:40:03Z")

</div>

Hallo Oliver,

ich habe es über die global.less (im abgeleiteten Theme) gelöst:

body {  
&nbsp;&nbsp;&nbsp; .unitize(@font-size-base, 16, font-size);  
&nbsp;&nbsp;&nbsp; font-family: @font-base-stack;  
&nbsp;&nbsp;&nbsp; font-weight: @font-base-weight;  
&nbsp;&nbsp;&nbsp; color: @text-color;  
&nbsp;&nbsp;&nbsp; background: url(…/…/img/wellenhintergrund.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  
&nbsp;&nbsp; &nbsp;-webkit-background-size: cover;  
&nbsp;&nbsp; &nbsp;-moz-background-size: cover;  
&nbsp;&nbsp; &nbsp;-o-background-size: cover;  
&nbsp;&nbsp; &nbsp;background-size: cover;  
&nbsp;&nbsp;&nbsp; text-rendering: optimizeLegibility;  
&nbsp;&nbsp;&nbsp; -webkit-font-smoothing: antialiased;  
}

Weiß zwar nicht, ob das die beste Lösung ist - aber es funktioniert 😉

---

<div class="post-metadata">

**Author:** ![OliverR](https://avatars.discourse-cdn.com/v4/letter/o/ce73a5/32.png) [@OliverR](https://forum.shopware.com/u/OliverR)\
**Post date:** [28. März 2017 um 06:36 UTC](https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803/3 "2017-03-28T06:36:37Z")

</div>

So ungefähr hatte ich es auch anfangs gelöst, dachte aber es geht noch einfacher. Trotzdem danke! Deins war allerdings besser als meins. Funktioniert auch sehr gut!

Gruß

Oliver

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [28. März 2017 um 07:22 UTC](https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803/4 "2017-03-28T07:22:35Z")

</div>

Hallo,

der Grund, wieso es bei dir nicht funktioniert, ist relativ einfach: du bist bei “Theme-Konfiguration” -\> “Farb-Konfiguration” -\> “Allgemein” nicht im gleichen Kontext, bei dem du in einer LESS-Datei im eigenen Theme wärst (zumindestens für diesen Pfad, den du angibst).

Die “global.less” liegt ja beispielsweise unter /themes/Frontend/EIGENES\_THEME/frontend/\_public/src/less/\_modules", somit müsstest du beim Link für das Bild zwei Verzeichnisse nach oben (…/…/), um dann in das “img”-Verzeichnis zu wechseln. Deshalb funktioniert berechtigerweise das Kommando in der LESS-Datei, weil du da im “richtigen” Kontext bist, wo sich die Dateien befinden müssen (ein Direktlink hätte bei dir sicherlich auch funktioniert).

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![OliverR](https://avatars.discourse-cdn.com/v4/letter/o/ce73a5/32.png) [@OliverR](https://forum.shopware.com/u/OliverR)\
**Post date:** [28. März 2017 um 08:04 UTC](https://forum.shopware.com/t/hintergrundbild-einfugen-thememanager/44803/5 "2017-03-28T08:04:05Z")

</div>

> [@sschreier schrieb:](https://forum.shopware.com/profile/18157/sschreier "sschreier")
> 
> Hallo,
> 
> der Grund, wieso es bei dir nicht funktioniert, ist relativ einfach: du bist bei „Theme-Konfiguration“ -\> „Farb-Konfiguration“ -\> „Allgemein“ nicht im gleichen Kontext, bei dem du in einer LESS-Datei im eigenen Theme wärst (zumindestens für diesen Pfad, den du angibst).
> 
> Die „global.less“ liegt ja beispielsweise unter /themes/Frontend/EIGENES\_THEME/frontend/\_public/src/less/\_modules", somit müsstest du beim Link für das Bild zwei Verzeichnisse nach oben (…/…/), um dann in das „img“-Verzeichnis zu wechseln. Deshalb funktioniert berechtigerweise das Kommando in der LESS-Datei, weil du da im „richtigen“ Kontext bist, wo sich die Dateien befinden müssen (ein Direktlink hätte bei dir sicherlich auch funktioniert).
> 
> Beste Grüße
> 
> Sebastian

Ach man, und ich dachte es wäre &nbsp;…/…/img/ . Vielen Dank Sebastian.
