---
title: Home Hero
slug: hyperdealer/home-hero
docTags:
createdAt: 2021-09-17T07:26:56.000Z
---
**Hero **- it is a main block of the home page, which a user will see in the first order when visiting a site. Also, it can provide quick filters for the end customer
It is composed of 3 parts: **Banner **\ **Intro message **\ **Filters**
1. **Banner **- background image
2. **Intro message **- any text which will be displayed above the filters block
3. **Filters **- section for quick search of the vehicles and their quantity according to the given parameters
All of these components can be configured separately in CMS, by editing
***Website > Startseite > Hero***
# SET UP:
1. **Localization Intro **- Message which will be displayed depending on the selected on-site language. Intro(English) - for the English site language. Intro(French) - for the French site language, etc.
2. **Banner **- Entity field which can contain more than one item. When specifying two or more banners, they will switch between themselves after a defined time. Stored in the *Website > Home > Banner*
3. **Position banner **- has three values: Right \ Center \ Left
4. **Filters **- entity field - you can add any existing Filters which be displayed like a checkbox in the quick filters block. They are stored in the *Website > Home > Hero > Filt*
**Position banner **- how they look:
**Right **- an image will be cropped and located on the right side of the screen
**Center **- an image will be not cropped and will take up the entire banner space
**Left **- an image will be cropped and located on the left side of the screen
**Banner configuring **- available for configuration:
- **Image **- the picture that will be displayed
- **Enabled?** - will this item be displayed?
- **Order **- relative position for scrolling when you have several banners
**Filters **- available for configuration:
- **Query **- request by which filtering will be performed
- **Order **- the relative position of the checkbox, when you have several checkboxes attached to the Filter block
- **Icon **- here you need to set the name of the icon to be displayed near a checkbox. The icon catalog can be found here
- **Title **- Item name
Query consists of 3 parts:
\{
data: 'New',
field: 'condition.title',
operator: 'IS',
}
In this case, you should read it the following way: **condition.title IS New. **If needed, new filters can always be requested from your HyperCoach.