Modulübersicht
Auf dieser Seite werden alle Content Typen aufgezeigt. Außerdem wird gezeigt, welches Modul einzusetzen ist.
Module 1
Eine Fläche über die gesamte Breite.
Mögliche Content Typen:
- Content-Type-1
- Content-Type-7
- Content-Type-9
- Content-Type-12
Module 2
Zwei Flächen über jeweils 50% der Breite. Mobile kann angegeben werden, welcher Bereich oben stehen soll.
Mögliche Content Typen:
- Content-Type-2
Module 3
Flächenaufteilung ähnlich wie bei Module-2 allerdings kann hier noch ein Abstand nach oben bzw unten ausgewählt werden und es können mehrere unterschiedliche Content-Typen ausgespielt werden. Ebenfalls kann die Reihenfolge für mobile angepasst werden.
Mögliche Content Typen für die erste Fläche:
- Content-Type-3
- Content-Type-4
Mögliche Content Typen für die zweite Fläche:
- Content-Type-3
- Content-Type-4
- Content-Type-8
Modul 4
Hier können beliebig viele Inhalte des Content Typen 5 ausgespielt werden. In diesem Beispiel liegen 4 Elemente vor.
Auf Desktop werden diese über 50% der Breite ausgespielt.
Mögliche Content Typen:
- Content-Type-5
Module 5
Ein Content Block welcher mit beliebig vielen Inhalten aus Content Type 6 gefüllt werden kann.
Es kann eine Headline und Spacing gesetzt werden. Mobil werden die Blöcke untereinander angezeigt.
Mögliche Content Typen:
- Content-Type-6
Module 5 Video
Module 6
Dieses Modul beinhaltet einen Slider mit Artikeln, welcher über Content Type 10 gepflegt werden kann.
Außerdem gibt es die Möglichkeit eine Headline zu pflegen.
Mögliche Content Typen:
- Content-Type-10
Module 7
Das Module verhält sich ähnlich wie Module 2, es kann allerdings für jede Seite eine Hintergrundfarbe angeben werden. Außerdem besteht die Möglichkeit über dieses Modul "Custom" Seiten auszuspielen (Bsp: Kontakt, Newsletter etc.). In dem Fall sollte jemand aus der Entwicklung hinzugezogen werden. Dieses Modul sollte in der Regel nicht im Daily benutzt werden.
Mögliche Content Typen für beide Blöcke:
- Content-Type-9
Karriere: Module 9
Zeigt die drei Einstiegsbereiche. Besteht aus Headline, content und CTA. Background color über HEX Code steuerbar.
Karriere: Modul 10
Zeigt die Benefits bei Bonita und wird als Slider ausgespielt.
Besteht aus Icon, Headline und content.
Karriere: Model 12
Besteht aus Headlines und
- visible content
- hidden content
Modul 20: Shop the Look
Anzeige von Outfits
Besteht aus Headlines und Kacheln.
INFO: Aktuell nicht im Einsatz - FE Anpassung gewünscht.
Modul 21
Adventskalender mit 24 Türchen.
Contentübersicht
Simple Beschreibung der Content-Typen.
Content-Type-1
Bestehend aus Hintergrundbild, Headlines und Button. Vollflächig.
Mögliche Module:
- Module-1
Optionen:
- statisch oder als Slider
- Textplatzierung: Links, mittig, rechts
- Text color über HEX Code steuerbar
- Bild oder background color (über HEX Code)
- Headline optional in Golden Hopes Schrift (eine Mischung von zwei Typos in einem Textfeld, zB bei der Subline, ist nicht möglich)
- Content in Subline (kleine Überschrift) und Headline (große Überschrift) werden jeweils durch das Modul selbst gesteuert. Heißt: Wir haben in der Contentpflege keinen Einfluss auf den Umruch, das macht das Modul "selbst" aufgrund der optimierten Entwicklung für alle Breakpoints.
- Es können keine Schriftgrößen in der Contentpflege definiert werden.
- Ein zusätzlicher Textbereich ist hier nicht vorgesehen.
Content-Type-2
Bestehend aus Hintergrundbild, Headlines und Button. 50% Breite.
Mögliche Module:
- Module-2
Optionen:
- Headline in Golden Hopes möglich (eine Mischung von zwei Typos in einem Textfeld, zB bei der Subline, ist nicht möglich)
- Text color über HEX Code steuerbar
- Content in Subline (kleine Überschrift) und Headline (große Überschrift) werden jeweils durch das Modul selbst gesteuert. Heißt: Wir haben in der Contentpflege keinen Einfluss auf den Umruch, das macht das Modul "selbst" aufgrund der optimierten Entwicklung für alle Breakpoints.
- Es können keine Schriftgrößen in der Contentpflege definiert werden.
- Ein zusätzlicher Textbereich ist hier nicht vorgesehen.
Content-Type-3
Farbfläche mit Headlines, Button und Fließtext.
Mögliche Module:
- Module-3
Optionen:
- Headline in Golden Hopes Schrift möglich (eine Mischung von zwei Typos in einem Textfeld, zB bei der Subline, ist nicht möglich)
- Text color in white und black möglich
- background color über HEX Code steuerbar
- Dieses Modul bietet die Möglichkeit, Text einzubinden und eignet sich entsprechend gut für zB Aktionskonditionen.
Content-Type-4
Image with Link.
Mögliche Module:
- Module-3
Optionen:
- optionale Bubble für Aktionen (title, description, badge text color in schwarz und weiß, Rabattcode, badge color über HEX Code)
Content-Type-5
Content-Type-5 bietet drei Optionen:
Option 1:
Banner: Bild + Headline und Verlinkung (sind optional)
Option 2:
Headlines - 2 Headlines + CTA, backgorund color über HEX Code steuerbar
Option 3:
List - Headline mit Auflistung, backgorund color über HEX Code steuerbar
Diese Elemente können beliebig oft eingesetzt werden.
Mögliche Module:
- Module-4
Content-Type-6
Bannerkachel mit Headlines und Button. Kann beliebig oft wiederholt werden.
Mögliche Module:
- Module-5
Optionen:
- mit der Video Option kann auf einer Seite eine Vimeo ID hinterlegt werden (content type: video_teaser_module)
Content-Type-7
statischer Eyecatcher: Erstes Element auf allen Seiten, background color über HEX Code steuerbar
dynamischer Eyecatcher: ausschließlich auf der Startseite, background color über HEX Code steuerbar
Mögliche Module:
- Module-1
Optionen:
Hier werden statischer und dynamischer Eyecatcher gepflegt. Die Texte sind möglichst prägnant zu halten, da es mobil sonst schnell zu einer überladenen Darstellung kommt und der Content im worst case über den Eyecatcher hinaus dargestellt wird.
Content-Type-8
Teaser für die Kategorie- und Größenbubbles.
Mögliche Module:
- Module-3 (nur rechtes Element)
Content-Type-9
Dieses ist der umfangreichste Content-Type. Hierüber lassen sich eine Vielzahl von Content darstellen.
Accordion
Mit diesem Element lässt sich ein Accordion erstellen. Es können beliebig viele Blöcke eingestellt werden.
Accordion Navigation
Hat nur eine Funktion bzw. wird nur angezeigt, wenn es auf der Seite auf ein Accordion gibt. Die Position dieses Elements ergibt sich aus der Position im Prismic Dokument.
Button
Damit lässt sich ein Button, optional mit Icon, darstellen
Color Thumbs
Hier können HEX-Werte + eine Verlinkung angegeben werden.
Download List
Eine, beliebig erweiterbare, Liste mit downloadbaren Content.
Dual Image
Zwei Bilder nebeneinander mit optionaler Verlinkung.
Image Text
Ein Block, bestehend aus: Bild / Video, Hintergrundfarbe (HEX Code), Headlines und Text. Kann beliebig oft wiederholt werden.
Intro
Besteht aus Headlines und Text. Außerdem wird ein zurück-Button angezeigt. Wenn auf der Seite Breadcrumbs vorhanden sind, werden diese automatisch nach dem zurück-Button angezeigt.
Quote
Ein Block mit Hintergrundfarbe in dem ein Zitat inkl. Author angezeigt werden kann.
Table
Hier können aus einem Select vordefinierte Tabellen angezeigt werden. Wenn eine neue Tabelle angelegt werden soll, muss ein Entwickler vorher diese im Shop hinterlegen.
Text
Klassischer Fließtext mit verschiedenen Option (Verlinkung, kursiv, zentriert etc.).
Text Slider
Ein einfacher Slider bei dem Text durchgeslidet wird.
Timeline
Ein, beliebig erweiterbarer, Zeitstrahl. Es können Zeiten und Text gepflegt werden.
Mögliche Module:
- Module-1
- Module-7
Content-Type-10
Klassicher Artikelslider. Es kann eine Headline angegeben werden. Wichtig ist, dass die ID einzigartig und kleingeschrieben ist. Außerdem dürfen keine Leer- oder Sonderzeichen enthalten sein. Es können beliebig viele Artikel über die Style Color Number hinzugefügt werden.
Mögliche Module:
- Module-6
Content-Type-11
Banner auf der Kategorieseite (Produktliste). Kann über die article collection einer Produktliste hinzugefügt werden.
Optionen:
- Video (Vimeo ID - 16:9 und 1:1 Format)
- Bild
Content-Type-12
Content für den Inspirationsbereich. Besteht aus Headlines und Bildern + Verlinkung. Elemente können beliebig oft wiederholt werden. Background color über HEX Code steuerbar.
Mögliche Module:
- Module-1
Content-Type-13
Startseite: Banner für die Kundenkarte. Headlines, CTA und Aufzählung, backgroud color entsprechen den brand colors.
Content-Type-14
Hosenguide: Bubbles
Content-Type-15
Hosenguide: Fit-Details
Content-Type-16
SEO Text: 2 Column
Karriere: News Slider
Slider für die Karriereseite. Besteht aus Bild, Headline, Text und CTA + übergeordneter Headline.
Module: 16