Mixed Components

Decor Slider (Hybrid)

The DecorSlider gives you the option to show a certain number of decors, which are matching to a specific topic.

decor slider

Mobile Version

decor slider mobile

Category Container (only outside of Grid)

The category container provides the option to include an image that can either be located to the left, right or bottom as well as a headline, text and optional primary and/or secondary link.

category container

Mobile Version

category container mobile

Heroteaser (only in Grid)

The Hero Teaser is a white fact box that can be placed over an image (circled in yellow).

heroteaser

Mobile Version

heroteaser mobile

Accordion (Hybrid)

Here additional information is opening up when a user is clicking on the plus sign. The information dissappears/closes when the user clicks on the arrows.

Accordion

Mobile Version

accordion mobile

Property Data (Hybrid)

The property data component features an icon in either grey, red or green including a title and a short description.

Property Data

Property Data List (only outside of Grid)

The property data list features icons in either grey, red or green including a title and a short description.

Property Data List

Mobile Version

property data list mobile

Job Search (only outside of Grid)

job search

The Job Search lets the user search for a job offer directly on the egger.com. Then the user will then be directed to our success factors page.

Mobile Version

job search mobile

Content List (only outside of Grid)

content list

The Contentlist is used to highlight specific topics using either icons, images or numbers with or without a headline and/or text and possibly a link either for each teaser, one link for all teasers or without a link.

Mobile Version

content list mobile

Editorial Feature (only outside of Grid)

editorial feature closed

editorial feature open

The Editorial feature is an interactive "dark mode" component that can be closed and opened. It can feature various information presented in different ways such as with a linked teaser list.

Closed Mobile Version

editorial feature closed mobile

Vector (only inside of Grid)

vector overlay

The vector overlay is a component with less padding at the top and therefore overlaps with components in the same grid. it can only be used with vector images. (e.g. SDGs overlapping an image)

Closed Mobile Version

vector overlay mobile

Country routing (only outside of Grid)

country routing

With the help of the country routing the user clicks on country and is linked to career entry page in the respective country. The background image can either be grey or an image.

Closed Mobile Version

country mobile