# Horizon - Demo 2

## 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](/en/content/category/category-image.md) more about this.

![](/files/JbPKe8d3yitw1QgX1GHz)

### Details page

In our demo we use the gallery grid display for some products on the product detail page instead of the normal gallery slider. This setting can be changed in the [Theme styling](/en/content/details-page/gallery-mode.md) globally or be stored individually via the additional fields in each product.

In the area of the **custom fields (1)** of the product in the **gallery (2)** tab, the **gallery mode (3)** can be set to `gallery grid`.

![](/files/ip2ZEOjlqadXOt298VEt)

Example:

![Galerie Raster](/files/kilwSDKWg7vXeHYGyKCh)

## 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 > 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>Product > Detail > Product details > all switch fields</td><td>true</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.


---

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

```
GET https://themedocs.zenit.design/en/start-guides/horizon-demo-2.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.