# class="header-main" mit unterschielichen Background image

**URL:** <https://forum.shopware.com/t/class-header-main-mit-unterschielichen-background-image/51999>\
**Category:** Themes & Design\
**Created:** [24. März 2018 um 09:05 UTC](https://forum.shopware.com/t/class-header-main-mit-unterschielichen-background-image/51999 "2018-03-24T09:05:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://forum.shopware.com/u/eric)\
**Post date:** [24. März 2018 um 09:05 UTC](https://forum.shopware.com/t/class-header-main-mit-unterschielichen-background-image/51999/1 "2018-03-24T09:05:58Z")

</div>

Hallo Community,

ich komme nicht weiter. Hat jemand von euch einen Denkanstoß wie ich das Background image in Abhängigkeit von der Hauptkategorie tauschen kann. Es soll für jede Kategorie in der Navigation ein anderes Header Hintergrundbild dargestellt werden, das Hintergrundbild ist in jeder Kategorieseite bereits in einer Klasse vorhanden, also müsste nur noch das Hintergrundbild der jeweiligen Klasse in die Header-main übernommen werden. Ich hatte bereits versucht über js das Hintergrundbild der jeweiligen Klasse abzufragen, leider vergebens.

Habt ihr noch eine Idee?

---

<div class="post-metadata">

**Author:** ![Avocado](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@Avocado](https://forum.shopware.com/u/Avocado)\
**Post date:** [24. März 2018 um 10:58 UTC](https://forum.shopware.com/t/class-header-main-mit-unterschielichen-background-image/51999/2 "2018-03-24T10:58:54Z")

</div>

Hallo eric,

&nbsp;

evtl. hilft dir dieser Forumsbeitrag als Denkanstoß

[https://forum.shopware.com/discussion/34168/kategorie-id-herausfinden-erstellen-oder-zuweisen-aber-wie](https://forum.shopware.com/discussion/34168/kategorie-id-herausfinden-erstellen-oder-zuweisen-aber-wie)

&nbsp;

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://forum.shopware.com/u/eric)\
**Post date:** [24. März 2018 um 11:10 UTC](https://forum.shopware.com/t/class-header-main-mit-unterschielichen-background-image/51999/3 "2018-03-24T11:10:25Z")

</div>

Hallo Avocado,

vielen Dank. Genau in diesem Moment habe ich es hinbekommen.

Falls jemand vor der gleichen Herausforderung steht, hier die Lösung:

Der Header wird als Erstes geladen und die Elemente bspw. aus den Einkaufswelten hinterher. Führt natürlich dazu, dass beim onload event die Element der jeweiligen Einkaufswelt noch null sind. Ich werte jetzt einfach die URL aus und passe das Hintergrund dementsprechend an.