> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/start-guides/atmos-demo-3.md).

# 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

![](/files/glJv6pStaDYAPH6Lt6rG)

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](/content/kategorie/ueberlagernden-header.md).

### Kategorien

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

![](/files/dvkmNHAEwEn58uk6lROD)

## 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://themedocs.zenit.design/start-guides/atmos-demo-3.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.