CMS Elemente
Textformate
Headline 1
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.
Headline 2
Debbich des gohd doch uff koi Kuahhaut Debbich isch Ihne schlechd worda ond dia hennd koin oinzigs Gosch so gmoind ogfanga des gohd doch uff koi Kuahhaut.
Muggabatscher ausschbugga ausschbugga Schaffa isch a Gschäft sag amol jeddz schmeggd mrs widdr hend ihr au.
des gohd doch uff koi Kuahhaut ranza was häddad Sie gern Debbich lacha Emmr dr Nos noch Spätzla en dr Schual nai isch andersch wia naus Wiebala hann i au scho.
Headline 3
ranza dia Dääg da langa Wäg Trollengr lacha en dr Schual.
da langa Wäg ranza kommsch mit Kuddrschauffl Läbrwurschd Parrga.
gib mir mol des Deng hock naa Schrubbr ond Oimr Emmr.
Abrs oi oder andre dia Dääg woisch Du eigendlich, Muggabatscher domms Gschwätz woisch Du eigendlich.

About Us Slider
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.

Adventskalender
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.


Super Gasgrill mit klasse Extras! Die 60 x 44 cm Grillfläche bietet ausreichend Platz für größere Grillpartys. Dabei stehen einem dank dem Seitenkocher, der Sear Zone und dem Drehspieß praktisch alle Möglichkeiten offen. Der Spirit EP-335 Premium ist selbstverständlich mit dem Weber GBS kompatibel!
Super Gasgrill mit klasse Extras! Die 60 x 44 cm Grillfläche bietet ausreichend Platz für größere Grillpartys. Dabei stehen einem dank dem Seitenkocher, der Sear Zone und dem Drehspieß praktisch alle Möglichkeiten offen. Der Spirit EP-335 Premium ist selbstverständlich mit dem Weber GBS kompatibel!

Alerts
Die Farbe des Alerts ändert sich je nach dem welcher Alert Typ angegeben ist:
Normal = grün
Info = blau
Warnung = rot
Soidawirscht em Glas isch Ihne schlechd worda gib mir mol des Deng zom verschenka undefined Spätzla Ha Du bisch doch a Teschd Spätzla sächzea woisch Du eigendlich, Kuddrschauffl scheene
da langa Wäg Debbich hend ihr des schomol ghört hosch d von d'r Alb ra Läbrwurschd lacha i frog mol nai isch andersch wia naus undefined akhedd Des kosch vrgässa! Emmr dr Nos noch en dr Schual hondrd Audofah
hondrd Groddafalsch was häddad Sie gern vor sich na bruddla en derra Woch Butzele denna ond drussa was häddad Sie gern hend ihr des schomol ghört zahld isch.

Baucam

Categorie Produkt Slider
Categoriecode eingeben um einen Produktslider der entsprechenden Kategorie anzuzeigen.

Themenwelt Content Teaser
Dieses Element kann unterschiedlich gepflegt werden wodurch es im Shop unterschiedlich dargestellt wird.
Gepflegt wird es in der rechten Spalte im Neos.
Variante 1
Variante 2
Variante 3
Variante 4

Countdown

Google Maps
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.
Google Maps kann auf der Seite nicht geladen werden.

Hero-Slider
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

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

Schritt für Schritt
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.
1.

Enter headline here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
2.
Enter headline here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

3.
Enter headline here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Mosaic Grid
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)
Variante 1
Nur mit Bildern "Mosaik Image"
Inhalt:
- 7 quadratische Bilder
- 2 hochformatige Bilder
- 2 querformatige Bilder











Variante 2
Mit Bildern und Text "Mosaik Text".
Pflegbar in der rechten Spalte, darauf achten das die Texte nicht zu lang sind da es sonst zu Anzeigefehlern kommt.
Inhalte:
- Titel
- Untertitel
- Beschreibung
- Button-Text
- Link









Varinate 3
Mit Bildern und Text "Mosaik List".
Pflegbar in der rechten Spalte, darauf achten das die Texte nicht zu lang sind da es sonst zu Anzeigefehlern kommt.
Inhalte:
- Titel
- Fakten 1
- Fakten 2
- Fakten 3
- Text







- Fakten 1
- Fakten 2
- Fakten 3




Produkt Empfehlung
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


Arbeitsalltag


Produkte
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.

Teaser
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

Slider
"Alter Slider" der in manchen Shops noch verwendet wird.
Maße:
1490px x 1021px
Inhalte:
- mindestens 2 Slider
- Überschrift
- Beschreibung
- Typ: Default
- Link

Kacheln
Es werden immer 4 Kacheln in einer Zeile angezeigt.
Maße:
800px x 800px
Inhalte:
- Text
- Button-Text
- Link

Tiles Grid
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

Tiles-Slider
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

Timeline
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
Vom lokalen Einzelhandel ins World Wide Web

KÖMPF Baustoffhandel Calw

KÖMPF Recyclingzentrum

KÖMPF Bauzentrum Sindelfingen

KÖMPF Onlineshops

Mit Content
Überschrift
Beispiel Text

Tipps-Tricks Slider
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
Variante 1 (5 Kacheln)
Variante 2 (4 Kacheln)
Variante 3 (3 Kacheln)

USP List
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

Video


Marken-Slider
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

Klick-Illustration
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.
Wir wünschen Ihnen und Ihrer Familie ein schönes Osterfest.
Mit dem entsprechenden Gutscheincode erhalten Sie, je nach Warenkorbwert, 10 €, 15 € oder 20 € Rabatt auf Ihren nächsten Einkauf. Die genauen Bedingungen finden Sie hier.
Bestellwert ab 100€: OSTERN100
Bestellwert ab 150€: OSTERN150
Bestellwert ab 200€: OSTERN200

Adventskalenderformular
Newsletter Anmeldungsformular Test
Adventskalenderformular Tag 2

