# Sphere - Demo 1

## Einstellungen der Zusatzfelder

Über Zusatzfelder erweitert das Theme die Funktionen des Shops in den Bereichen *Kataloge > Kategorien* und *Kataloge > Produkte*. Zusatzfelder können so die Darstellung für jede Kategorie oder jedes Produkt einzeln verändern.

### Startseite

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-63c2000892fea25ac8089d66096daae5348e2e30%2Fdocs-de-custom-fields-category-header-sphere-demo-1-storefront.png?alt=media)

In dieser Demo liegt der Kopfbereich der Startseite über dem darunter liegenden Slider-Element. Der Header hat einen transparenten Hintergrund.

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-a910da333f1a75a0571eb954df2e3250783c6254%2Fdocs-de-custom-fields-category-header-sphere-demo-1-config.png?alt=media)

Die Einstellung **Header überlagernd (1)** setzt den gesamten Kopfbereich über das darunter liegende Erlebniswelten-Element. Das kann ein Slider, ein Bild oder sogar ein Video sein. Damit der Kontrast auch dynamischen Bildern gewahrt bleibt, bleibt die **Header Hintergrund Deckkraft (2)** sowie die **Hauptnavigation Hintergrund Deckkraft (3)** `vererbt` und erhält dadurch die weiße Hintergrundfarbe aus der Theme-Konfiguration.

Weitere Informationen zum überlagernden Header findest Du unter INHALTE > Kategorie > [Überlagernder Header](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header).

### Kategorien

Manche Kategorien nutzen die Theme-eigene Kategoriebild Funktion. Erfahre im Bereich INHALTE > Kategorie > [Kategoriebild](https://themedocs.zenit.design/content/kategorie/kategoriebild) mehr zu den Möglichkeiten.

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-61663f81beeb6d84032f15b699830f6ae797263e%2Fdocs-de-custom-fields-category-image-sphere-demo-1-storefront.png?alt=media)

## Abweichende Einstellungen

Konfigurationen, welche wir über ein Update implementiert haben, können oft nicht mit dem Standard-Wert ausgeliefert werden, der in der Demo dargestellt wird. Damit stellen wir sicher, dass bestehende Onlineshops nicht ohne das Wissen des Kunden verändert werden.

Die abweichenden Einstellungen haben wir hier aufgelistet:

<table><thead><tr><th width="630.2550199284714">Styling</th><th>Wert</th><th data-hidden></th></tr></thead><tbody><tr><td>Allgemein > Grundlayout > Header (mobil)</td><td>Einzeiliger Header</td><td></td></tr><tr><td>Allgemein > Produktbilder > Breite Artikelbild</td><td>1890*</td><td></td></tr><tr><td>Allgemein > Produktbilder > Höhe Artikelbild</td><td>2400*</td><td></td></tr><tr><td>Header > Flyout Navigation > Grundeinstellungen > Icon bei externen Links</td><td>true</td><td></td></tr><tr><td>Kategorie > Produkt-Boxen > Grundeinstellungen > Varianten günstigster Preis</td><td>false</td><td></td></tr><tr><td>Footer > Footer Bottom > Grundeinstellungen > Service-Navigation anzeigen</td><td>false</td><td>aus</td></tr><tr><td>Produkt > Details > Produkt Details > alle Switch Felder</td><td>true</td><td></td></tr><tr><td>Produkt > Details > Galerie Slider > Breite &#x26; Höhe > Verwende Seitenverhältnis der Artikelbilder für Galerie-Höhe</td><td>true</td><td></td></tr><tr><td>Allgemein > Scroll Animation > Grundeinstellungen > Produkt Listing animieren</td><td>true</td><td></td></tr></tbody></table>

<table><thead><tr><th width="631">Einstellungen</th><th>Wert</th></tr></thead><tbody><tr><td>Youtube Video Consent</td><td>Ja</td></tr></tbody></table>

\*Diese Werte sind angepasst an unsere Produktbilder. Eine Übernahme dieser Werte ist daher nicht empfehlenswert.