# Hintergrundbilder

Hintergrundbilder können, wenn sie richtig eingesetzt werden, wunderschöne Effekte hervorheben und deinen Shop viel ansprechender gestalten.

{% hint style="info" %}
**Mein Tipp:**

Ich empfehle dir, dezente Hintergrundbilder mit ausgewählter Deckkraft und ausreichendem Kontrast zu verwenden. Der eigentliche Fokus sollte nach wie vor auf dem Inhalt deines Shops liegen.
{% endhint %}

Mit Hilfe des [Demo-Import](broken://spaces/nbkIIyayUD6QJmp1xMoG/pages/dCj04RqCxFWl2dNX0pow) Tools werden dir schon entsprechende Hintergrundbilder mitgeliefert. Diese kannst du gerne als Referenz nehmen, um deine eigenen Hintergrundbilder zu entwerfen.

### Hintergrundbild des gesamten Shops

<figure><img src="/files/pEmM3KKMZG9wL1iI7DoH" alt=""><figcaption><p>Body Hintergrundbild - Theme Einstellungen</p></figcaption></figure>

Das Bild wird hinter den gesamten Inhaltsbereich gesetzt. Egal ob Checkout-, Account-, oder Produktbereich. Wähle das Bild also sorgsam aus und teste es im gesamten Shop.

#### Einstellungsmöglichkeiten für Hintergrundbilder

* **Hintergrund Stil**\
  Hier kannst du festlegen, ob das Bild "fixiert", oder "nicht fixiert" sein soll. Der Effekt wird beim Scrollen im Shop sichtbar
* **Hintergrund Wiederholung**\
  Wenn du beispielsweise ein fortlaufendes Muster in kleinem Format hochlädst (bspw. 64x64px), kannst du dieses Muster durch die Wiederholung über den gesamten Shop-Bereich anzeigen lassen. So sparst du sehr viel Ladezeit, da ja nur eine einzelne Kachel des Musters geladen werden muss.
* **Hintergrund Größe**\
  Kleinere Bilder kannst du auf die gesamte Breite des Shops strecken, indem du "Füllen" wählst. So ist das Bild auf jedem Endgerät immer perfekt positioniert. "Beinhalten" solltest du nur dann wählen, wenn du dir sicher bist, was du tust.
* **Position**\
  Hier wählst du den Referenzpunkt des Bildes.

### Weitere Hintergrundbilder

Die Einstellungen für Hintergrundbilder werden in den folgenden Möglichkeiten fortgeführt. Du kannst diese für jedes Bild selbst bestimmen:

<figure><img src="/files/BsGo2GFGVQr7OMUIw1ok" alt=""><figcaption><p>Weitere Hintergrundbilder - Theme Einstellungen</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/shopware-theme/einrichtung/hintergrundbilder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.