# Atmos - Demo 3

## 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-27686f8bf14d1f81e1eabf9bf3e3018e84a3872c%2Fdocs-de-custom-fields-category-header-atmos-demo-3-config.png?alt=media)

Der **Header ist überlagernd (1)** und die **Hintergrund-Deckkraft (2)** auf `90%` reduziert. Dadurch überlagert der Header auf dem Slider-Element. Die **Hauptnavigation** erhält ihre **Deckkraft (3)** weiterhin aus der globalen Theme-Konfiguration.

{% hint style="info" %}
Der Header hat in den Theme-Einstellungen unter *Header > Header > Farben > Background* eine teiltransparente Farbe im rgba-Format:\
`rgba($sw-color-brand-secondary, 60%)`

Daher wird die Kategorie-Navigation teiltransparent dargestellt.
{% endhint %}

{% hint style="info" %}
Die Main Navigation hat in den Theme-Einstellungen unter *Header > Main Navigation > Farben > Background* eine teiltransparente Farbe im rgba-Format:\
rgba($sw-color-brand-secondary, 95%)

Daher wird die Kategorie-Navigation teiltransparent dargestellt.
{% endhint %}

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-193f0b094b5c3bd002726ebcf12be42c45fa52d0%2Fdocs-de-custom-fields-category-image-atmos-demo-3-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">Konfiguration</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.