RH-Webdesign - Themes
Individuelle Projektanfrage
DE
DE
  • Einleitung
  • Vorbereitung
    • Shopware Account
    • Theme installieren
    • Theme Duplikate
  • Einrichtung
    • Demodaten installieren
    • Copyright Footer anpassen
    • Grundeinstellungen
    • Statusnachrichten
    • Umbrüche für Endgeräte
    • Typografie / Schriften
    • Hintergrundbilder
    • Erweiterte Farbeinstellungen
    • Zertifikate
    • Produktboxen
    • Produkt Detailseite
    • Social Media
    • Individueller Code
  • Für Entwickler
    • Child-Theme
      • Konfiguration erweitern
      • Individuelles SCSS
      • Templates erweitern
    • Eigene Fonts einbinden
  • Shopware
    • Kategorien anlegen
    • Mehrsprachigkeit
    • Google Analytics
Powered by GitBook
On this page
  • Hintergrundbild des gesamten Shops
  • Weitere Hintergrundbilder
  1. Einrichtung

Hintergrundbilder

Für verschiedenste Bereiche im Shop

Last updated 2 years ago

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

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.

Mit Hilfe des Tools werden dir schon entsprechende Hintergrundbilder mitgeliefert. Diese kannst du gerne als Referenz nehmen, um deine eigenen Hintergrundbilder zu entwerfen.

Hintergrundbild des gesamten Shops

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:

Body Hintergrundbild - Theme Einstellungen
Weitere Hintergrundbilder - Theme Einstellungen
Demo-Import