# Background Images

When used correctly, background images can create beautiful effects and make your store much more appealing.

{% hint style="info" %}
**My Tip:**

I recommend using subtle background images with selected opacity and sufficient contrast. The actual focus should still be on the content of your store.
{% endhint %}

With the help of the [demo import tool](/shopware-theme/en/setup/install-demo-data.md), you will already be provided with corresponding background images. You are welcome to use these as a reference to create your own background images.

### Background image of the entire store

<figure><img src="/files/Zjlwh6nmGZsSwmxzWI1q" alt=""><figcaption><p>Body Background Image - Theme Settings</p></figcaption></figure>

The image is placed behind the entire content area. Regardless of whether it is the checkout, account or product area. So choose the image carefully and test it in the entire store.

#### Setting options for background images

* **Background Style**\
  Here you can specify whether the image should be "fixed" or "static". The effect becomes visible when scrolling in the store
* **Background repeat**\
  For example, if you upload a continuous pattern in a small format (e.g. 64x64px), you can display this pattern by repeating it over the entire store area. This saves a lot of loading time, as only a single tile of the pattern needs to be loaded.
* **Background Size**\
  You can stretch smaller images across the entire width of the store by selecting "Fill". This ensures that the image is always perfectly positioned on every device. You should only select "Include" if you are sure of what you are doing.
* **Position**\
  Here you select the reference point of the image.

### More background images

The settings for background images are continued in the following options. You can determine these for each image yourself:

<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/en/setup/background-images.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.