Sphere - Demo 1
In this demo, the header on the start page including the background color is on the slider element. The contrast between image and header is always maintained by the background color of the header.
Admin Demo
Visit our admin demo to see the settings from our demos. There you can also see our configuration of the shopping experiences.
Url: sphere.shopwaredemos.com/admin
Name: demo
Password: shopware
Settings of the custom fields
With the help of custom fields, the theme extends the functionality of the shop system in the areas catalogs > categories and catalogs > products. Custom fields can thus change the display for each category or product individually.
Home
In dieser Demo liegt der Kopfbereich der Startseite über dem darunter liegenden Slider-Element. Der Header hat einen transparenten Hintergrund.
The setting Header overlay (1) sets the entire header over the underlying experience element. This can be for example a slider, an image, or even a video. To maintain contrast even dynamic images, the header background opacity (2) as well as the main navigation background opacity (3) inherits
and thus gets the white background color from the theme configuration.
For more information on the overlaying header, see CONTENTS > Category > Overlay header.
Categories
Some categories use the theme's own category image feature. Learn in the CONTENTS > category > category image more about this.
Deviating settings
Configurations that we have implemented via an update can often not be delivered with the default value that is shown in the demo. This way we ensure that existing online stores are not changed without the customer's knowledge.
We have listed the deviating settings here:
Styling | Value |
---|---|
General > Basic Layout > Header (mobile) | Single line header |
General > Product Images > Width product image | 1890* |
General > Product Images > Height product image | 2400* |
Header > Flyout navigation > Basic configuration > Extern-Link Icon | true |
Category > Product boxes > Basic configuration > Variant cheapest price > Variant cheapest price | false |
Footer > Footer bottom > Basic configuration > Display service navigation | false |
Product > Detail > Product details > all switch fields | true |
Produkt > Gallery > Width & Height > Use aspect ratio of product images for gallery height | true |
General > Scroll animation > Basic configuration > Animate product listing | true |
Settings | Value |
---|---|
Youtube Video Consent | Yes |
*These values are adapted to our product images. An adoption of these values is therefore not recommended.
Last updated