Event Module
Bento Box, Grid List, Featured Event und Selected Detail: das umfangreichste Modul-Set in corekit. Zum Event Modul
Modules
Media Cards
Card modules with image and text, as carousel, grid or with expandable details. Three modules, one goal: presenting content in a visually appealing way.
Modules
Image Cards: with Images
Image cards with title and description (richtext) in carousel format. Each card shows a square image with hover zoom effect. Each card can be linked as a whole via its own link field; alternatively links can be set directly in the richtext, which then take precedence.
News Module
News als Carousel mit Kategorien, Detail-Seite und konfigurierbarer Darstellung. Zum News Modul
Quote Module
Einzelzitate und Zitat-Sammlungen als Grid oder Carousel mit Avatar- und Image-Varianten. Zum Quote Modul
Contact Module
Contact Teaser, Detail, List und Author: Kontaktpersonen professionell darstellen. Zum Contact Modul
Media Module
Video Player, Image Gallery und Carousel: drei Module fĂŒr Medieninhalte. Zum Media Modul
Image Cards: without Images
The same cards without maintained images. The image area is omitted, only title and description (richtext) are shown. Works, but does not look visually ideal. Images should always be maintained.
Event Module
Bento Box, Grid List, Featured Event und Selected Detail: das umfangreichste Modul-Set in corekit. Zum Event Modul
News Module
News als Carousel mit Kategorien, Detail-Seite und konfigurierbarer Darstellung. Zum News Modul
Media Module
Video Player, Image Gallery und Carousel: drei Module fĂŒr Medieninhalte. Zum Media Modul
Quote Module
Einzelzitate und Zitat-Sammlungen als Grid oder Carousel mit Avatar- und Image-Varianten. Zum Quote Modul
Contact Module
Contact Teaser, Detail, List und Author: Kontaktpersonen professionell darstellen. Zum Contact Modul
Card without Image C
Card without Image B
Card without Image A
Grid
Image Cards: Grid Layout with Card Links
Image Cards can now also be displayed as a grid. Instead of a carousel, all cards are shown at once in a centered grid. This is ideal when all content should be visible at a glance without the user having to scroll.
An incomplete last row is centered rather than left-aligned, so the grid stays visually balanced no matter how many cards are maintained.
Also new is the card link field: each card can be linked as a whole, a click anywhere on the card leads to the target. If the editor instead sets a link directly in the richtext, that link takes precedence, and the card link field is then ignored.
Cards with Description and Detail Text
Card Carousel: with Images
Card slider with image (16:9), description text (richtext), detail text (richtext) and link per card. The cards are cropped (peek effect): the next card protrudes from the right and signals that more content follows.
Card Carousel: without Images
The same cards without maintained images. The peek effect and all carousel options are retained. Description text (richtext), detail text (richtext) and link per card are still displayed.
Visual Teasers in Portrait Format
Portrait Teaser: Carousel
Teaser cards with portrait image (3:4), headline, text (richtext) and link in carousel mode. The cards are not cropped and fit completely into the visible area.
Carousel options: navigation, dots and autoplay. As the only one of the three modules, the Portrait Teaser additionally offers a grid display.
Visual Teasers in Portrait Format
Portrait Teaser: Grid
The same teaser cards in the grid display, a responsive grid instead of a carousel. One column on mobile, two columns from tablet, four columns side by side from desktop.
All content (portrait image, headline, text, link) remains identical, only the layout changes.
FAQ
Frequently Asked Questions about Media Cards
Image Cards are strongly visual: large square images with short richtext, an optional card link, not cropped, as either carousel or grid. Card Carousel is the most flexible module: 16:9 image, richtext description plus detail text, link per card, cards are cropped (peek). Portrait Teaser combines portrait images (3:4) with headline and text, has a link per card and, like Image Cards, offers both carousel and grid display. All three modules include an integrated intro with headline, subline, intro text (richtext) and CTAs.
Teaser cards with portrait image (3:4), title (kicker), headline, copytext (richtext) and link. Two display variants: Carousel or Grid. In carousel mode cards are not cropped. Carousel options: navigation, dots and autoplay. Images should always be maintained.
A card slider with image (optional), title, description text (richtext), detail description (richtext) and link per card. Cards are cropped (peek effect). The next card protrudes from the right. There is only carousel mode, no grid variant. Carousel options: navigation, dots and autoplay.
Image cards with square image, title and richtext description. Displayed as either a carousel or a grid. Cards are not cropped (no peek effect), images have a hover zoom effect.
Each card can be linked as a whole via its own link field. If the editor instead sets a link directly in the richtext, that link takes precedence. The card link field is then ignored. Carousel options: navigation, dots and autoplay.
Technically yes. All three modules render without maintained images too. The cards then show only the text content. However: the modules are designed for display with images. Without images the visual character is lost and the result looks unfinished. Images should therefore always be maintained. The missing image is particularly noticeable in the Portrait Teaser: a grey placeholder is shown that looks clearly unfinished. Entries without an image should be avoided here.
Image formats: Image Cards use square images with a zoom effect. Card Carousel shows images in 16:9 format (aspect-video). Portrait Teaser uses 3:4 portrait images with art direction support.
Image Cards: Two display modes: carousel or grid. Cards are not cropped. They fit completely into the visible area. In grid mode an incomplete last row is centered. Options: navigation, dots, autoplay.
Card Carousel: Always carousel, no grid variant. Cards are cropped (peek effect). The next card protrudes from the right and signals that more content follows. Options: navigation, dots, autoplay.
Portrait Teaser: Two display modes: Carousel or Grid. In carousel mode cards are not cropped. In grid mode cards are displayed in a responsive grid (1 column mobile, 2 columns tablet, 4 columns desktop). Carousel options: navigation, dots, autoplay.
What does cropped mean? In cropped carousels the next card protrudes partially from the right edge. This visually signals to the user that they can scroll further. Modules without cropping show only complete cards in the visible area.