# Atmos - Demo 1

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

{% hint style="info" %}
This demo does not use different settings in the custom fields.
{% endhint %}

### Categories

Some categories use the theme's own category image feature. Learn in the CONTENTS > category > [category image](https://themedocs.zenit.design/en/content/category/category-image) more about this.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FdLbgNoSKTZqpTaj5kf28%2Fdocs-de-custom-fields-category-image-atmos-demo-1-storefront.png?alt=media\&token=52d273cb-be8b-4797-afde-c6be130ac162)

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

<table><thead><tr><th width="630.2550199284714">Styling</th><th>Value</th><th data-hidden></th></tr></thead><tbody><tr><td>General > Basic Layout > Header (mobile)</td><td>Single line header</td><td></td></tr><tr><td>General > Product Images > Width product image</td><td>1890*</td><td></td></tr><tr><td>General > Product Images > Height product image</td><td>2400*</td><td></td></tr><tr><td>Header > Main navigation > Subnavigation appearance</td><td>Dropdown navigation</td><td></td></tr><tr><td>Header > Flyout navigation > Basic configuration > Extern-Link Icon</td><td>true</td><td></td></tr><tr><td>Category > Product boxes > Basic configuration > Variant cheapest price > Variant cheapest price</td><td>false</td><td></td></tr><tr><td>Category > Product boxes > Basic configuration > Basic price > Basic price</td><td>false</td><td></td></tr><tr><td>Footer > Footer bottom > Basic configuration > Display service navigation</td><td>false</td><td>aus</td></tr><tr><td>Product > Detail > Product details > all switch fields</td><td>true</td><td></td></tr><tr><td>Typo &#x26; Colors > Basic configuration > Contrast threshold</td><td>200**</td><td></td></tr><tr><td>General > Scroll animation > Basic configuration > Animate product listing</td><td>true</td><td></td></tr></tbody></table>

<table><thead><tr><th width="631">Settings</th><th>Value</th></tr></thead><tbody><tr><td>Youtube Video Consent</td><td>Yes</td></tr></tbody></table>

\*These values are adapted to our product images. An adoption of these values is therefore not recommended.

\*\* The value we chose was based on the contrast of the primary color set. Causes the calculated foreground color on buttons, etc. to be white and not black for the primary color.