Background

Über die Erweiterung

Mit diesem Plugin kann man mit Leichtigkeit ein Hintergrundbild via Medienverwaltung definieren. Zusätzlich kann eine Hintergrundfarbe gesetzt werden. Diese Farbe wird nur angezeigt, wenn kein Bild gesetzt wurde.

Weiter ist es möglich die Eigenschaften des Hintergrundbildes zu ändern.

Wichtig: Nach jeder Änderung muss das Theme neu kompiliert werden.

Bedienung

Im Plugin Manager unter „Installiert“ können Sie folgende Änderungen vornehmen wenn Sie auf das Edit-Icon des Plugins klicken:

Hintergrund und Farbe
Der Farb-code #E9E9F0 ist das von Shopware benutzte Grau im Hintergrund. Das Hintergrundbild überdeckt die Hintergrundfarbe. Wenn kein Hintergrundbild gewählt ist, oder dies zu klein ist für die Bildfläche, ist die Hintergrundfarbe sichtbar

Die Auswahl des Hintergrundbildes ist durch die Medienverwaltung mit Leichtigkeit zu bedienen. Den Umgang mitdem Medienmanager finden Sie hier.

Background-repeat
Mit background-repeat lässt sich festlegen, wie das Hintergrundbild wiederholt werden soll:

• repeat -> Voreinstellung, das Hintergrundbild wird in x- und y-Richtung wiederholt
• repeat-x -> das Hintergrundbild wird nur horizontal wiederholt
• repeat-y -> das Hintergrundbild wird nur vertikal wiederholt
• no-repeat -> keine Wiederholung des Hintergrundbildes

Background-size
Mit background-size können Sie die Grösse der Hintergrundgrafiken unabhängig von anderen Darstellungsoptionen festlegen:

• auto -> Voreinstellung übernimmt die Masse der Grafik, keine Skalierung
• contain -> passt unter Beibehaltung des Seitenverhältnisses die grössere Seite der Grafik in den Anzeigebereich ein
• cover -> passt unter Beibehaltung des Seitenverhältnisses die kleinere Seite der Grafik in den Anzeigebereich ein, ergibt eine vollständige Füllung des Anzeigebereiches

Background-attachment
Mit background-attachment legen Sie fest, wie sich das Hintergrundbild verhalten soll, wenn das Element bewegt wird:

• fixed
  • das Hintergrundbild ist am Viewport ausgerichtet, Angaben zur Positionierung beziehen sich auf den Viewport (!), fehlerhaft im IE6
  • beim Bewegen des Elements wird immer ein anderer Bereich des Hintergrundes sichtbar
  • beim Bewegen des Elementinhalts bleibt der Hintergrund unverändert
  • vergleichbar mit position: fixed;
• scroll
  • das Hintergrundbild ist an der Elementbox ausgerichtet, Angaben zur Positionierung beziehen sich auf diese
  • beim Bewegen des Elements bleibt der Hintergrund unverändert, das heisst, er scrollt mit dem Element mit
  • beim Bewegen des Elementinhalts bleibt der Hintergrund unverändert
  • vergleichbar mit position: absolute;
• local
  • das Hintergrundbild ist an der Elementbox ausgerichtet, Angaben zur Positionierung beziehen sich auf diese
  • beim Bewegen des Elements bleibt der Hintergrund unverändert
  • beim Bewegen des Elementinhalts bewegt sich der Hintergrund mit
  • vergleichbar mit position: relative;

Background-size
Mit background-position positionieren Sie das Hintergrundbild innerhalb des Anzeigebereiches:

• left, center, right, für die horizontale Positionierung
• top, center, bottom, für die vertikale Positionierung

• Für die individuelle Konfiguration stehen wir Dir gerne zur Verfügung.

Benötigen Sie Unterstützung? 

Gerne hilft Ihnen unser Support-Team kompetent weiter. Um eine Supportanfrage zu stellen, verwenden Sie Ihren Shopware-Account.

Bitte beachten Sie, dass wir Ihnen den geleisteten Support zu unserem Stundensatz (CHF 190.-) nach Aufwand verrechnen werden. Falls sich herausstellt, dass das Problem an unserem Plugin liegen sollte, erhalten Sie selbstverständlich kostenlosen Support.

Damit wir Sie effizient unterstützen und Sie vom kostenlosen Support profitieren können, müssen nachfolgende Punkte gewährleistet sein. Daher bitten wir Sie, diese bereits vorgängig genau zu prüfen:

1. Haben Sie die aktuelle Version für die jeweilige Shopware Version des Plugins installiert?
2. Liegt eine gültige Subscription des Plugins vor?
3. Tritt das Problem im Shopware Standardtheme und mit deaktivierten Drittanbieterplugins ebenfalls auf?
4. Es wurden keine Änderungen von Ihnen oder Dritten am Plugin vorgenommen?