schwaben ipsum Wiebala Bixawurscht Gsels isch so deier send grad in a kommsch mit Bixawurscht isch Ihne schlechd worda Abrs oi oder andre Parrga verboda isch so deier zahld isch uff dr Schtroß uffbassa.

gib mir mol des Deng Schaffa isch a Gschäft Bixawurscht Mauldäschla Kässpätzle Muggabatscher ausschbugga ausschbugga Schaffa isch a Gschäft sag amol jeddz schmeggd mrs widdr hend ihr au träumt.

Der About Us Slider muss aus mindestens 5 Slides bestehen. Das Format der verwendeten Bilder sollte gleich sein. In diesem Beispiel sind alle Bilder quadratisch, man kann aber auch querformatige oder hochformatige Bilder verwenden.

Der Adventskalender kann fast vollständig im Neos gepflegt werden. Nur wenn sich die Bilder auf den Türchen ändern müssen sie von der IT neu importiert werden. 
Die Bilder innerhalb der Türchen haben ein Format von 1724px x 1312px. 

Der Text für die linke Seite sowie das große Hintergrundbild kann gepflegt werden wenn man auf das Hauptelement klickt "KÖMPF24 Adventskalender" 
Der Inhalt der Türchen kann bei den einzelnen Tagen gepflegt werden.

Die Farbe des Alerts ändert sich je nach dem welcher Alert Typ angegeben ist:
Normal = grün
Info = blau
Warnung = rot

Categoriecode eingeben um einen Produktslider der entsprechenden Kategorie anzuzeigen.

Dieses Element kann unterschiedlich gepflegt werden wodurch es im Shop unterschiedlich dargestellt wird.

Gepflegt wird es in der rechten Spalte im Neos.

In der rechten Spalte kann die Adresse sowie der Zoom und die Ansichtsart der Karte geändert werden. 

Das Element kann auch in einer Content Collection eingesetzt werden und damit 2 oder 3 spaltig sein.

Dies ist der Slider ohne Bilder bei den einzelnen Aktionen. Es kann jeweils eine Headline, eine Beschreibung und ein Link hinterlegt werden. Außerdem kann ein Hero Bild hinterlegt werden wenn man auf das übergeordnete Bild klickt.

Maße:
Herobild: 2650px x 1067px

Die Elemente im Highlight Carousel sind quadratisch. Optimal sind 5 Elemente, bei mehr wird das Element zum Slider, bei weniger entsteht Weißraum.

Bei diesem Element kann der Inhalt jedes Schritts einzeln gepflegt werden. Dafür kann man einfach andere CMS Elemente einfügen. Vorsicht bei komplexen Elementen wie beispielsweise den "Themenwelt Content Teasern" kann es zu fehlerhaften Darstellungen kommen.

Es müssen 11 Mosaik Elemente eingesetzt werden. Diese können entweder Bilder sein "Mosaik Image" oder Texte "Mosaik List" und "Mosaik Text". Die einzelnen Elemente können dabei frei platziert werden, man muss beim Text allerdings aufpassen das dieser auch auf mobil angezeigt wird. Am besten für den Text eignen sich deshalb die 2 querformatigen Elemente (Element 8 und 10)

Maße:
Quadratisches Element: 1226px x 1226px (Verhältnis: 1:1)
Hochformatiges Element: 1226px x 2574px (Verhältnis: 1:2)
Querformatiges Element: 2587px x 1226px (Verhältnis: 2:1)

Sowohl die Bilder als auch der Text wird in der rechten Spalte gepflegt. Die hochkanten Bilder (rechts und links am Element) sollten gleich lang sein.

Maße:
Querformat: 500px x 250px (Höhe kann variieren)
Hochformat: 400px x 900px (Höhe kann verändert werden, die beiden Bilder sollten aber gleich hoch sein.)

Inhalte: 
- 3 Bilder
- Titel
- Untertitel
- Beschreibung
- Button Text
- Link

In diesem Element kann man entweder die SKU oder die Model SKU eingeben. Außerdem kann man einzeln angeben mit welchem Namen das Produkt angezeigt werden soll. Bleibt das Feld leer wird der Standard Name angezeigt.

Sliderelement mit mindestens 3 Slides. Es können auch mehr eingefügt werden dann wird das Element slidebar. (Werden weniger als 3 Slides verwendet, dann entsteht an der Stelle der fehlenden Slide ein Weißraum)

Maße: 
458px x 306px

Inhalte: 
- optimal sind 3 Teaser
- Text
- Link

"Alter Slider" der in manchen Shops noch verwendet wird.

Maße: 
1490px x 1021px

Inhalte: 
- mindestens 2 Slider
- Überschrift
- Beschreibung
- Typ: Default
- Link

Es werden immer 4 Kacheln in einer Zeile angezeigt.

Maße: 
800px x 800px

Inhalte: 
- Text
- Button-Text
- Link

Wenn man auf das Hauptelement klickt, kann man angeben wie sich das Grid auf unterschiedlichen Auflösungen verhält.

Maße: 
458px x 306px

Inhalte: 
- optimal sind 3 Teaser
- Text
- Link

Tipps und Tricks Hero Slider, wird beispielsweise im KÖMPF24 für die Aktionen verwendet. Es kann für jeden Slide ein eigenes Herobild hinterlegt werden. Mindestens 5 Kacheln.

Maße: 
Herobild: 2650px x 1067px
Tipps und Tricks Kacheln: 1000px x 500px

Inhalte: 
- Kategorie: höchstens 37 Zeichen
- Titel: höchstens 80 Zeichen
- Beschreibung: höchstens 94 Zeichen
- Button
- Link

Die Pfeilrichtung der Timeline kann geändert werden. Indem auf das Hauptelement geklickt wird.

Maße: 
Sind variabel hier: 1920px x 954px

Inhalte: 
- Vortitel
- Titel
- Text

Maße: 
Tipps und Tricks Kacheln: 1000px x 500px

Inhalte: 
- Kategorie: höchstens 37 Zeichen
- Titel: höchstens 80 Zeichen
- Beschreibung: höchstens 94 Zeichen
- Autorenbild
- Datum des Artikels
- Button
- Link

Wenn man auf das Hauptelement klickt, kann man einen Titel für das gesamte Element pflegen, sowie das Bild welches unten angezeigt wird.
Das angezeigte Icon können mit einem Dropdown ausgewählt werden.

Inhalte: 
- Titel 
- Untertitel
- Link

Die Logos sollten freigestellt/ auf weißem Hintergrund sein.

Auf dem Hauptelement kann man einen Titel eintragen und angeben bei welcher Auflösung wie viele Elemente angezeigt werden. Die Einstellung welche wir immer für die Markenslider auf der Startseite verwenden ist:
- Anzahl der Slides bei grossen PC-Bildschirmen: 6
- Anzahl der Slides bei PC-Bildschirmen: 6
- Anzahl der Slides bei Tablets: 6
- Anzahl der Slides bei Handies im Querformat: 4
- Anzahl der Slides bei Handies im Hochformat: 2
 

Inhalte: 
- Beschreibung
- Link

Auf dem Hauptelement kann die Illustration oder das Bild hinterlegt werden auf welchem die Punkte angezeigt werden. Außerdem kann ein Titel vergeben werden. 
Anschließend müssen in die darunterliege Content Collection einzelne "Illustration Button" eingefügt werden. Jeder Button wird dann als Button auf dem Bild angezeigt.  

Inhalte: 
- Überschrift 
- Link
- Koordinate x
- Koordinate y

Platzierung der Buttons: 
- Die X Koordinate ist von links nach rechts. Dabei ist ganz links im Bild 0% und ganz rechts im Bild 100%
- Die Y Koordinate ist die Position von oben nach unten. Dabei ist der obere Bildrand 0% und der untere Bildrand 100%
- Hinweis: Beim eingeben der Werte kein %-Zeichen verwenden.