Background
Description
About the Extension
With the plugin Background the background can easily and efficiently be changed in the standard responsive theme.
With this plugin you can easily change the background via media manager from Shopware. In addition, a background color can be set. This color will only appear if no picture has been set.
It is also possible to change properties of the background image.
Important: After each change the theme must be recompiled
Instructions
In the Plugin Manager=>Installed you can make following changes if the edit-icon is clicked:
Background and color
The color code #E9E9F0 is the gray color in the background used by Shopware. The background image covers the background color. If no background image is selected, or this is too small for the image area, the background color is visible.
Choosing the background image is easy to use with the media management. How to Deal with the media manager can be found here.
Background-repeat
The background-repeat property sets if/how a background image will be repeated:
- repeat -> the background image will be repeated both vertically and horizontally. This is the default option
- repeat-x -> the background image will be repeated only horizontally
- repeat-y -> the background image will be repeated only vertically
- no-repeat -> the background-image will not be repeated
Background-size
The background-size property specifies the size of the background images:
- auto -> default value. The background-image contains its width and height
- contain -> scale the image to the largest size such that both its width and its height can fit inside the content area
- cover -> scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.
Background-attachment
The background-attachment property sets whether a background image is fixed or scrolls with the rest of the page:
- fixed
- the background is fixed with regard to the viewport. Information on positioning refer to the viewport (!), has errors in IE6
- when moving the element, another area of the background is visible
- when moving the content of the element, the background remains unchanged in its position
- comparable with position: fixed;
- scroll
- the background scrolls along with the element. This is default. Information on positioning refer to it
- when moving the element, the background remains unchanged, ie it scrolls with the element
- when moving the content of the element, the background remains unchanged in relation to the screen
- comparable with position: absolute;
- local
- the background scrolls along with the element\'s contents. Information on positioning refer to it
- when moving the element, the background remains unchanged
- when moving the content of the element, the background moves with the content
- comparable with position: relative;
Background-size
The background-position property sets the starting position of a background image:
- left, center, right, for the horizontal positioning
- top, center, bottom, for the vertical positioning
Für die individuelle Konfiguration stehen wir Dir gerne zur Verfügung.
Details
- Available: English, German
- Latest update: 18 October 2018
- Publication date: 26 April 2016
- Version: 1.2.1
- Category: Special features
Resources
Reviews (2)
Erfüllt alle unsere Erwartungen
Leider nur ein Hintergrundbild für gesamten Shop möglich
About the Extension Partner
BitBear GmbH
Partner Status
Silver Partner
Extension Partner
Details
- Rating: 4.9
- Partner since: 2015
- Extensions: 24
- Country: Switzerland
Support
- Support languages: German, English
- Support response time: Quickly