# Kachelnde Hintergrundgrafik im mittleren Bereich einfügen

**URL:** https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507
**Category:** Themes & Design
**Created:** [8. August 2018 um 14:42 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507 "2018-08-08T14:42:07Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Tom-1967](https://avatars.discourse-cdn.com/v4/letter/t/e495f1/32.png) [@Tom-1967](https://forum.shopware.com/u/Tom-1967)
#### Post date: [8. August 2018 um 14:42 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/1 "2018-08-08T14:42:07Z")

</div>

Hallo,

wie kann ich denn im mittleren Bereich eine sich kachelnde Grafik einfügen?  
Bei meinem momentanen Shop (noch unter Presta) habe ich so einen Sandhintergrund in der Mitte, der Header soll, wie dort auch, einfach nur eine Hintergrundfarbe behalten, also nicht die Grafik.  
Um zu sehen was ich meine, hier der Link zu meinem mometanen Shop: [https://www.mittelalterladen-mainz.de](https://www.mittelalterladen-mainz.de)  
Gibt es dafür vielleicht sogar ein Plugin? Ich habe leider keines gefunden, nur für den kompletten Hintergrund.

VG  
Tom

---

<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: [8. August 2018 um 15:52 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/2 "2018-08-08T15:52:37Z")

</div>

Hallo,

was verstehst du denn unter dem “mittleren” Bereich?

Grüße

Sebastian

---

<div class="post-metadata">

### Author: ![Tom-1967](https://avatars.discourse-cdn.com/v4/letter/t/e495f1/32.png) [@Tom-1967](https://forum.shopware.com/u/Tom-1967)
#### Post date: [8. August 2018 um 16:31 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/3 "2018-08-08T16:31:13Z")

</div>

Also nicht den Hintergrund der auch links und rechts raus schaut, sondern nur der Bereich unter dem Header in der Mitte (siehe Screenshot):

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/a/a3a5f8d35326a5901476c6e6c1846185a568b1f6.jpeg)

---

<div class="post-metadata">

### Author: ![Tom-1967](https://avatars.discourse-cdn.com/v4/letter/t/e495f1/32.png) [@Tom-1967](https://forum.shopware.com/u/Tom-1967)
#### Post date: [10. August 2018 um 14:36 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/4 "2018-08-10T14:36:41Z")

</div>

…weiß das keiner?  
In der Suche hab ich leider nichts gefunden ![Frown](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/569ff272a6dd35730487f053b5b3cd1f98b23eea.png "Frown")

---

<div class="post-metadata">

### Author: ![Tom-1967](https://avatars.discourse-cdn.com/v4/letter/t/e495f1/32.png) [@Tom-1967](https://forum.shopware.com/u/Tom-1967)
#### Post date: [29. August 2018 um 11:07 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/5 "2018-08-29T11:07:45Z")

</div>

…ach ich Hammel.  
Ich hatte einen Screenshot des alten (Presta) Shops gepostet. ![Grin](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/70033cde8e8ff79cfa538293ae71318d6f788423.png "Grin")  
Hier nun der richtige Screenshot.  
Ich meine den Bereich der jetzt noch weiß ist. Wie ändere ich diese Farbe?

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/4/45402efb65ba9dadbcb53c4bb803e81a06e43b51.jpeg)

---

<div class="post-metadata">

### Author: ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)
#### Post date: [29. August 2018 um 11:15 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/6 "2018-08-29T11:15:45Z")

</div>

Leider nicht so trivial.  
Die Farbe kommt aus der Theme-Konfiguration und dürfte unter “Farb-Konfiguration” =\> “Buttons & Panels” der Wert “@panel-bg” sein. Man könnte den zwar ändern, aber das wären dann auch der Wert für alle anderen Hintergründe von “Panels”.  
Also Style-Änderung via Less:  
Zunächst wäre wohl die class “content-main–inner” zuständig, damit kann für den ganzen Bereich der Hintergrund geändert werden.&nbsp;  
Problem: Viele Elemente haben die Klasse “Container”, und die setzt dann auch wieder eine Hintergrundfarbe - panel-bg.

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [29. August 2018 um 11:17 UTC](https://forum.shopware.com/t/kachelnde-hintergrundgrafik-im-mittleren-bereich-einfugen/54507/7 "2018-08-29T11:17:49Z")

</div>

Verstehe die Frage nicht. Mittels Browser F12 (Entwicklerwerkzeuge) die Stelle suchen und per CSS oder LESS einstellen.

> <https://github.com/shopware/shopware/blob/5.4/themes/Frontend/Bare/frontend/index/index.tpl#L86>

Wie man Hintergrundbilder mit CSS einpflegt ist Basiswissen. Das “kacheln” geht automatisch wenn man es nicht explizit unterbindet.
