RH-Webdesign - Themes
Individual project request
EN
EN
  • Introduction
  • Preparation
    • Shopware Account
    • Install Theme
    • Theme Duplicates
  • Setup
    • Install Demo-Data
    • Footer Copyright
    • Basic settings
    • Status messages
    • Breakpoints for Devices
    • Typography / Fonts
    • Background Images
    • Advanced Color Settings
    • Certificates
    • Product boxes
    • Product Detail Page
    • Social Media
    • Individual Code
  • For Developers
    • Child-Theme
      • Extend configuration
      • Individual SCSS
      • Extend Templates
    • Integrate your own fonts
  • Shopware
    • Create categories
    • Multilanguage
    • Google Analytics - IMG
Powered by GitBook
On this page
  • Background image of the entire store
  • More background images
  1. Setup

Background Images

For various areas in the store

Last updated 1 year ago

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

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.

With the help of the , 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

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:

demo import tool
Body Background Image - Theme Settings
Weitere Hintergrundbilder - Theme Einstellungen