# Wie eigenes Bild als Hintergrund im Standart (Gelöst)

**URL:** https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717
**Category:** International (English Only)
**Tags:** programming
**Created:** [9. Oktober 2017 um 14:46 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717 "2017-10-09T14:46:34Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [9. Oktober 2017 um 14:46 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/1 "2017-10-09T14:46:34Z")

</div>

Hallo Forum,

wie bekomme ich ein eigenes Bild als Hintergrund im Standart eingebunden?

Wenn ich mit dies mit einem Link mache, wo die Farbe für den Body rein kommt und Komplementieren möchte kommt ein mega lange Fehlermeldung.

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 09:32 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/2 "2017-10-10T09:32:52Z")

</div>

```
body {
    background: rgba(255, 255, 255, 1.0) url("/media/image/XX/XX/XX/your-bg.jpg") repeat scroll 0 0;
}

```

Am besten in eine eigene CSS Datei einbinden und auf den Shopware LESS Quatsch verzichten! Dann musst später nämlich auch nichts kompilieren… ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 09:45 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/3 "2017-10-10T09:45:37Z")

</div>

Hallo @Murmeltier‍,

vielen Dank&nbsp; aber habe es nun versucht aber er übernimmt das nicht.

Ich habe es in Weitere CSS Datein eingefügt, auch Cache gelöscht und Kompeliert.

Wo muss ich dies den einfügen?

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 09:47 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/4 "2017-10-10T09:47:02Z")

</div>

**WO** hast Du das denn reingeschrieben?

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 09:55 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/5 "2017-10-10T09:55:53Z")

</div>

@Murmeltier‍ im Theme unten weitere CSS

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 09:56 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/6 "2017-10-10T09:56:57Z")

</div>

Ok, Das ist ja schon mal richtig. Wird die Datei auch geladen…, also siehst Du sie im Quelltext der Seite?

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:00 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/7 "2017-10-10T10:00:53Z")

</div>

Ja ist drinn, bekomme über der Top Bar den Code aber angezeigt so sollte es nicht sein.

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 10:01 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/8 "2017-10-10T10:01:28Z")

</div>

Bzw. wenn ich dich richtig verstehe, hast Du die Regel dort reingeschrieben???

Wenn ja, dann ist das natürlich falsch! Du musst da dort nur deine Stylesheet Datei einbinden:

Diese Datei (whatever.css) muss dann auf dem Server liegen und dort kommt Deine CSS Regel rein!

In diesem Beispiel müsste dann die Datei im Rootfolder von Shopware liegen…

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:04 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/9 "2017-10-10T10:04:20Z")

</div>

also was muss ich jetzt wo machen?

es geht um die Datei:&nbsp;/MEDIA/IMAGE/65/40/6E/BLACK-POLYGON-WITH-RED-EDGES-ABSTRACT-HD-WALLPAPER-1920X1080.JPG

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 10:09 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/10 "2017-10-10T10:09:33Z")

</div>

Du gehst in den Thememanager und dort trägst Du bei “Weitere CSS-Dateien” folgendes ein:

Dann erstellst Du mit einem Editor (z.B. Notepad, Brackets oder Notepad++) eine Datei mit dem Namen: whatever.css.

In diese CSS Datei schreibst Du dann folgende Regel:

```
body {
    background: rgba(255, 255, 255, 1.0) url("/media/image/65/40/6e/black-polygon-with-red-edges-abstract-hd-wallpaper-1920x1080.jpg") repeat scroll 0 0;
}

```

Diese CSS Datei lädst Du dann in den Hauptordner von Shopware!

Cache leeren und Theme neu kompilieren danach nicht vergessen… ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

&nbsp;

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:16 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/11 "2017-10-10T10:16:08Z")

</div>

Hat geklappt, vielen Dank (Y)

&nbsp;

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 10:16 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/12 "2017-10-10T10:16:29Z")

</div>

Na also… ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin")

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:18 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/13 "2017-10-10T10:18:59Z")

</div>

Warum macht man das den so Schwer&nbsp; ![Angry-Face](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/4d894c4dd47121f4ab1fba0317660ce0f6dbd4be.png "Angry-Face")&nbsp;Da hat man ein Feld für (#xxxxxx - Farbe) könnte man doch auch für Links machen&nbsp; ![Grin](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/70033cde8e8ff79cfa538293ae71318d6f788423.png "Grin")

---

<div class="post-metadata">

### Author: ![IFF](https://avatars.discourse-cdn.com/v4/letter/i/c37758/32.png) [@IFF](https://forum.shopware.com/u/IFF)
#### Post date: [10. Oktober 2017 um 10:19 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/14 "2017-10-10T10:19:29Z")

</div>

Mal abgesehen davon, dass die Frage in der falschen Kategorie ist (International (English Only)) gibt es hierzu ein Plugin 🙂

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 10:22 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/15 "2017-10-10T10:22:02Z")

</div>

@IFF‍

Ein Plugin um eine Styleshseet Datei einzubinden?

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 10:24 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/16 "2017-10-10T10:24:13Z")

</div>

> [@Siggi schrieb:](https://forum.shopware.com/profile/27277/Siggi "Siggi")
> 
> Warum macht man das den so Schwer&nbsp; ![Angry-Face](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/angry-face.png "Angry-Face")&nbsp;Da hat man ein Feld für (#xxxxxx - Farbe) könnte man doch auch für Links machen&nbsp; ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin")

Das war doch jetzt nicht wirklich schwer gewesen, oder? Im übrigen sind das Basics, die Du einfach beherrschen solltest, wenn Du ein bisschen was machen willst! Hätte ich Dir jetzt erklärt, wie Du das in’s Theme einbaust, ohne den Thememanger dafür zu nehmen, wären wir wahrscheinlich morgen noch nicht fertig! ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink")

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:24 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/17 "2017-10-10T10:24:19Z")

</div>

@Murmeltier‍ sparen, ging relativ einfach und man bräuchte eigentlich ne kurze Anleitung mehr nicht.

Aber ist gelöst, Funktioniert auch ohne Plugin&nbsp; ![Angry-Face](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/4d894c4dd47121f4ab1fba0317660ce0f6dbd4be.png "Angry-Face")

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:26 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/18 "2017-10-10T10:26:17Z")

</div>

> [@Murmeltier schrieb:](https://forum.shopware.com/profile/26331/Murmeltier "Murmeltier")
> 
> > [@Siggi schrieb:](https://forum.shopware.com/profile/27277/Siggi "Siggi")
> > 
> > Warum macht man das den so Schwer&nbsp; ![Angry-Face](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/angry-face.png "Angry-Face")&nbsp;Da hat man ein Feld für (#xxxxxx - Farbe) könnte man doch auch für Links machen&nbsp; ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin")
> 
> Das war doch jetzt nicht wirklich schwer gewesen, oder? Im übrigen sind das Basics, die Du einfach beherrschen solltest, wenn Du ein bisschen was machen willst…

Kenne mich damit nicht aus, aber ging jetzt mit deiner Hilfe ganz gut :D&nbsp;

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [10. Oktober 2017 um 10:27 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/19 "2017-10-10T10:27:44Z")

</div>

Da ist das Wichtigste! Es funzt und Du hast - hoffentlich - was gelernt!?

---

<div class="post-metadata">

### Author: ![Siggi](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@Siggi](https://forum.shopware.com/u/Siggi)
#### Post date: [10. Oktober 2017 um 10:28 UTC](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717/20 "2017-10-10T10:28:18Z")

</div>

Ja klar vielen Dank&nbsp; ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up")

[Nächste Seite](https://forum.shopware.com/t/wie-eigenes-bild-als-hintergrund-im-standart-gelost/48717.md?page=2)
