Navigation


    de

Zum Seitenanfang springen
Modul-Übersicht

Hier finden sich nachfolgend die häufig genutzen Module, die aktuell für die Umsetzung von Landingspages im Online-Shop zur Verfügung stehen. Die Möglichkeiten der Module sind bestmöglich kommentiert, jedoch nicht alle Ausprägungen abgebildet.

Updates:

20.02.2023 - Neues Dokuformat Modulübersicht


Quick-Navigation

Einfacher Text Accordion Hero-Teaser Slider Hero-Teaser 1er-Teaser 2er Teaser 3er Teaser Image-Text-Icon editorial Teaser Magazin Slider Video-teaser PUS-Action Shop the look Modulübersicht-Archiv
Einfacher Text mit Headline

  • Ausrichtungen: links, zentriert

  • Hintergrundfläche einfärbbar

  • Typofarbe nicht einfärbbar

  • Content in 4 Breiten einstellbar

  • Links als Textlinks oder Buttons

  • Button-Priorisierung durch Vollfläche oder konturierung möglich

    • Headline
    Übergeordneter Link

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    Link 1 Link 2 Link 3 Link 4
    Headline

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    Link 1 Link 2 Link 3
    Accordion

    • Ausrichtung und Contentbreiten nicht veränderbar

    • Schriftfarbe und Hintergrund der Fragen und Antworten einfärbbar

    • Bild/Video und Links/Buttons in Antworten möglich

    Headline

    Introtext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

    Hero-Teaser

    • Ausrichtungen: links, zentriert, zentriert unten

    • Headline in drei Größen einstellbar

    • Textfarbe wählbar

    • Buttons möglich

    • Mobile-Text wird auf Farbfläche unter den Bild ausgegeben

    Hero-Teaser
    Ausrichtung zentriert unten - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Link-Text Link-Text
    Link-Text Link-Text
    Hero-Teaser
    Ausrichtung links - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Link-Text Link-Text
    Link-Text Link-Text

    Slider Hero-Teaser

    • Inhaltlich wie Hero-Teaser

    • Slide-Timing und Autoplay aktivierbar

    • Wichtig: annähernd identische Textmengen aller Slides für Mobile-Ansicht

    Headline Slide 1
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gub
    Button Button
    Button
    Headline Slide 2
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gub
    Button Button
    Headline Slide 3
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gub
    Button Button
    Button Button

    1er Teaser

    • Textausrichtungen: links, zentriert

    • Teaserbreite fix

    • Links als Textlinks oder Buttons

    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
    Button
    Button

    2er Teaser

    • Teaser nebeneinander und vertikal versetzt einstellbar

    • Gesamt-Headline möglich

    • nur 2 Textlinks je Teaser

    Headline gesamt
    Teaser-Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Text-Link Text-Link
    Teaser-Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
    Text-Link Text-Link
    Teaser-Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Text-Link Text-Link
    Teaser-Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
    Text-Link Text-Link

    3er Teaser

    • nur 2 Textlinks je Teaser

    Teaser-Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Link-Text Link-Text
    Teaser Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Link-Text Link-Text
    Teaser Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna*
    Link-Text Link-Text

    Image-Text-Icon

    • Bild/Text-Position rechts/links wählbar

    • Text-Hintergrundfläche einfärbbar

    • mehrere Textlinks möglich

    Headline.
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Link-Button Link-Button

    Editorial Teaser

    • 2 Textlinks möglich

    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
    Link Link

    Magazin Slider

    • Gesamt-Headline möglich

    • allgemeiner Link möglich (!!! wird Mobile nicht angezeigt!)

    • 1 Textlink je Teaser möglich

    Slider-Headline
    Allgemeiner Link
    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
    Link
    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
    Link
    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
    Link
    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
    Link
    Headline
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
    Link

    Video

    • Eigene oder Youtube-Videos möglich

    • Video in 2 Breiten einstellbar

    • Autoplay, Controls sicht/unsichtbar, etc. einstellbar

    PUS Action

    • Hintergrund- und Schriftfarbe einstellbar

    • Bild möglich

    • Entweder Copytext ODER Code abbildbar

    Hier steht eine Headline
    xxxx1111
    Link-Text
    Hier steht eine lange Headline.
    Copytext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
    Link-Text

    Shop the Look

    • 2 Textlinks möglich

    • Bild/Textposition rechts/links möglich

    • mit oder ohne führendem Bild möglich

    Subline.
    Headline.
    Copytext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    Text-Link
    Text-Link
    Subline.
    Headline.
    Copytext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    Text-Link
    Text-Link

    Archiv

    Vorstufen der hier aufgeführten Module und Weitere sind im Archiv zu finden. Obacht - die inhaltlichen Beschreibungen können veraltet sein.

    Archiv