Liebe Kundinnen und Kunden, dies ist eine Testseite. Bitte kehren Sie auf die vorherige Seite zurück.
Standardmodule
Inhaltsverzeichnis
Personalized Slider
Highlights aus Haare
- Marke: Langhaarmädchen; Produktname: Farb-Glanzbehandlung Glossing Icy Blonde, 150 ml; Preis: 4,95 €; Grundpreis: 0,15 l (33,00 € je 1 l); Neues Produkt Grafik, Marke von dm Grafik; 4,298 von 5 Sternen bei 47 Bewertungen; Verfügbarkeit: Status grün Lieferbar, Status grau dm-Markt wählen4,95 €0,15 l (33,00 € je 1 l)Lieferbar
- Marke: CATRICE; Produktname: Haarband Hollyglazing C01 Shimmer All the Way Up, 1 St; Preis: 4,95 €; Grundpreis: 1 St (4,95 € je 1 St); Limitierte Editition Grafik; 4,75 von 5 Sternen bei 4 Bewertungen; Verfügbarkeit: Status grün Lieferbar, Status grau dm-Markt wählen4,95 €1 St (4,95 € je 1 St)Lieferbar
- Marke: SHYNE Professional; Produktname: Ansatzset Root Fix 5 Dunkel- bis Mittelbraun, 1 St; Preis: 9,95 €; Grundpreis: 1 St (9,95 € je 1 St); Neues Produkt Grafik; 0 von 5 Sternen bei 0 Bewertungen; Verfügbarkeit: Status grün Lieferbar, Status grau dm-Markt wählen9,95 €1 St (9,95 € je 1 St)Lieferbar
Ende der Auflistung
Bilder-Gruppe und Bilder-Slider
Spezifikationen: Bilder-Gruppe und Bilder-Slider
Spezifikationen: Bilder-Gruppe und Bilder-Slider
Bilder-Slider
Bild-Gruppe
Step1
Haare zu einer Seite nehmen und einen breiten Strang der seitlichen Nackenpartie nach oben einschlagen.
Step 2
Haarnadeln (V-Nadeln, siehe Pfeil) fixieren - nutze gerne mehrere Haarnadeln!
Step 3
Von der anderen Seite eine Stirnsträhne mit über Kreuz gesetzten Bobby Pins seitlich feststecken.
Step 4
Auf einen weichen Übergang der Strähnen achten, damit diese übereinanderliegen. Es geht hier nicht um Perfektion!
Spezifikationen: Banner
Spezifikationen: Banner
Allgemeine Informationen
- In verschiedenen vordefinierten Farben pflegbar
- Title, Subtitle, Link, Bild optional
- Anker möglich
- Gültigkeit nicht möglich
Grafik
- Bildfläche integrieren ebenfalls möglich
- Spezifikation Bild: Aufmacher und Landscape
Spezifikationen: Teaser-Gruppe
Spezifikationen: Teaser-Gruppe
Allgemeine Informationen
- Zentrieren, Linksbündig möglich
- Mobile Spaltigkeit und Desktop Spaltigkeit frei wählbar
- Auf Desktop werden alle Kacheln dargestellt
- Mobile optional nach 2 Teaserzeilen ein- und ausklappbar möglich
Grafik
- Bilder in Originalgrößen möglich
- Landscape für Teaser
Zur Detail-Seite
Personalisierte Teasergruppe
Unsere Sortimente
Zurzeit beliebt
Richtext
Spezifikationen: Richtext
Spezifikationen: Richtext
Allgemeine Informationen
- Siehe gepflegte Ausprägungen in der Modulübersicht
- Kann auch mit einem Anker versehen werden
Überschrift h1
Überschrift h2
Überschrift h3
Überschrift h4
Fließtext (auch bold oder kursiv oder beides)! Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ©
- Eine Liste mit Bulletpoints
- Zweiter Punkt
- Dritter Punkt
- Eine Liste mit Nummerierung
- Zweiter Punkt
- Dritter Punkt
E-Mailadress-Links fantasiename@dm.de
Telefonnummern 0123456789
Deeplink zur Modulübersicht in der App
Emojis (per Copy und Paste von getemoji.com)
🥑👍😍💩🥕💕⭐️🌺🌈🐧
Schon gewusst?
Das Textmodul gibt es nun auch in einer invertierten Optik. So kannst du eine Infoxbox gestalten oder Textpassagen stärker hervorheben. Alle möglichen Formatierungen funktionieren wie im "normalen" Textmodul auch, z.B.
- Eine Liste
- Emojis 👍😍🌈
- und Vieles mehr
Tabelle
| Spalte 1 | Spalte 2 | Spalte 3 |
|---|---|---|
| Zeile 1 | Lorem | ipsum |
| Zeile 2 | dolor | sit |
ContentQuerySlider
Spezifikationen: ContentQuerySlider
Spezifikationen: ContentQuerySlider
Allgemeine Informationen
- Dynamische Befüllung eines Sliders
- Anker möglich
- Gültigkeit möglich
Das könnte Sie auch interessieren
Akkordeon
Spezifikationen: Akkordeon
Spezifikationen: Akkordeon
Allgemeine Informationen
- Siehe gepflegten Inhalt in der Modulübersicht
- Auf die Headline-Struktur achten:
- Akkordeon-Titel = h2
- Überschrift Akkordeon-Element = h3
- Im Akkordeon-Element = ab h4 möglich
Optionale Headline
Mehrere Content-Typen
Mehrere Content-Typen
Mehrere Content-Module im Collapsible...
Ihr könnt künftig ein Akkordeon mit mehreren unterschiedlichen Content-Modulen bestücken. Dazu nutzt ihr das neue Modul "DMWebcontainer". Dieses Collapsible ist z.B. mit Text - Bild - Text bestückt worden!
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.
Normaler Text
Normaler Text
Hier könnte dein Text stehen! Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Invertierter Text
Invertierter Text
Schon gewusst?
Das Textmodul gibt es nun auch in einer invertierten Optik. So kannst du eine Infoxbox gestalten oder Textpassagen stärker hervorheben. Alle möglichen Formatierungen funktionieren wie im "normalen" Textmodul auch, z.B.
- Eine Liste
- Emojis 👍😍🌈
- und Vieles mehr
Bild
Bild
Bild in Originalgröße
Bild in Originalgröße
Teasergroup
Teasergroup
Teaserslider
Teaserslider
Der Teaserslider
Produktslider
Produktslider
Produktraster
Produktraster
Product Grid mit Suchbegriff
OnPageNavigation
OnPageNavigation
Video
Video
Bilderslider
Bilderslider
Bilder-Slider
Bildergruppe
Bildergruppe
Step1
Haare zu einer Seite nehmen und einen breiten Strang der seitlichen Nackenpartie nach oben einschlagen.
Step 2
Haarnadeln (V-Nadeln, siehe Pfeil) fixieren - nutze gerne mehrere Haarnadeln!
Step 3
Von der anderen Seite eine Stirnsträhne mit über Kreuz gesetzten Bobby Pins seitlich feststecken.
Step 4
Auf einen weichen Übergang der Strähnen achten, damit diese übereinanderliegen. Es geht hier nicht um Perfektion!
Spezifikationen: OnPageNavi
Spezifikationen: OnPageNavi
Allgemeine Informationen
- Unterseiten der jeweiligen Seite werden als "Pills" dargestellt
- Alle Unterseiten unter "Navigation" der jeweiligen Seite werden automatisch dargestellt
- Ausblenden einzelner Unterseiten möglich
- DMExternal (beliebige URL) angehängt in der Navigation der Seite werden ebenfalls als Pills dargestellt
- Positionierung der OnPageNavi beliebig auf der Seite möglich
Bühne
Spezifikationen: Bühne
Spezifikationen: Bühne
Allgemeine Informationen
- Sie bietet dem User einen emotionalen Einstieg und macht Lust, die neuesten Themen und Trends auf der Seite zu entdecken
- Sie kann eine beliebige Anzahl an Teasern, Seiten oder Artikel aufnehmen
- Enthält die Bühne nur ein Element, entfallen die Pfeilchen und die Dots. So eine 1-Slide-Bühne kann sehr gut als eine Art "Super-Teaser" innerhalb einer Seite eingesetzt werden (siehe unten) 🚀
- Titel, Subtitel / CTA , Link optional
- Wenn kein Titel und Subtitel / CTA gepflegt wird, verschwindet die weiße Box
Grafik
- Bühnengrafik, Panorama und Landscape
Ende der Auflistung
Produktslider
Spezifikationen: Produktslider
Spezifikationen: Produktslider
Allgemeine Informationen
- Titel optional
- Gültigkeit nicht möglich
- Anker möglich
Produktraster
Spezifiktationen: Produktraster
Spezifiktationen: Produktraster
Allgemeine Informationen
- Spaltigkeit Desktop und Mobile unabhängig anpassbar
- Titel optional
- Gültigkeit nicht möglich
- Anker möglich
Product Grid mit Suchbegriff
Der Teaserslider
Spezifikationen: Teaserslider
Spezifikationen: Teaserslider
Allgemeine Informationen
- Desktop 3-spaltig
- Mobile 1-spaltig
- Besteht aus mindestens 3 Teaser-Elementen
- Titel optional
- Anker möglich
- Gültigkeit nicht vorhanden
Grafik
- Landscape Format
- Bild in Orignalgröße möglich
Zeichenanzahl in Teasern
Slider für Subkategorien
Spezifikationen: Teaser
Spezifikationen: Teaser
Allgemeine Informationen
- Titel, Subtitel / CTA, Linkziel optional möglich
- Anker möglich
- Gültigkeit nicht vorhanden
Grafik
- Landscape-Format
- Bild in Originalgröße
Bild
Spezifikationen: Bild
Spezifikationen: Bild
Allgemeine Informationen
- Ist der Viewport kleiner als 900 px hat das Bild ein Seitenverhältnis von ca. 7:5 (Mobile View). Bei größeren Viewports wechselt das Verhältnis auf 12:5
- Das Bild füllt die zur Verfügung stehende Breite bis zum Rand aus. Erst ab einer Breite von 1200 px hört das Bild auf zu skalieren und lässt links und rechts einen Rand stehen
- Das Bildmodul kann eine Headline und eine Bildunterschrift ausgeben. Ist eine Headline gepflegt und steht das Bildmodul an oberster Position auf der Seite, wird die Headline unterdrückt und und das Bild ohne Abstand direkt unterhalb des Headers platziert.
Hinweise zu der Option "Bild in Originalgröße":
- Bitte möglichst jpgs verwenden und diese weboptimiert abspeichern (z.B. über die "Für Web speichern"-Funktion in Photoshop)
- Bilder mit Originalgröße-Haken werden ohne jegliche systemseitige Prüfung ans Frontend durchgereicht. Daher bitte unbedingt auf eine geringe Dateigröße achten.
- Bilder in Orignalgröße werden immer zentriert dargestellt, eine linksbündige Darstellung ist nicht möglich
Hinweise zum SVG-Upload:
- Konkrete Höhe und Breite müssen im SVG angegeben werden, um Layout-Shift zu vermeiden und korrekte Höhe sicherzustellen!
- Freigabe zunächst für WEB ONLY. Für dein Einsatz in der App sind noch Anpassungen notwendig.
- Es sind alle Vorgaben bzgl. "Originalbild verwenden" zu beachten.
- Bei SVGs gibt es keine Begrenzungen für Höhe und Breite.
Das Bildmodul
Eine Bildunterschrift: Qualle
Bild in Originalgröße
Hinweise zu der Option "Bild in Originalgröße":
- Bitte möglichst jpgs verwenden und diese weboptimiert abspeichern (z.B. über die "Für Web speichern"-Funktion in Photoshop)
- Bilder mit Originalgröße-Haken werden ohne jegliche systemseitige Prüfung ans Frontend durchgereicht. Daher bitte unbedingt auf eine geringe Dateigröße achten.
Weitere Stichpunkte:
- Das Bild füllt die zur Verfügung stehende Breite bis zum Rand aus. Erst ab einer Breite von 1200 px hört das Bild auf zu skalieren und lässt links und rechts einen Rand stehen
- Das Bildmodul kann eine Headline und eine Bildunterschrift ausgeben. Ist eine Headline gepflegt und steht das Bildmodul an oberster Position auf der Seite, wird die Headline unterdrückt und und das Bild ohne Abstand direkt unterhalb des Headers platziert.
Ein sehr großes Bild in Originalgröße
Bildunterschrift
svg Datei
Animierte svg-Datei
Download-Modul
Spezifikationen: Download-Modul
Spezifikationen: Download-Modul
Allgemeine Informationen
- Verschiedene Dateien wie z.B. PDF, PNG etc. können zum Download zur Verfügung gestellt werden
Downloadmodul Teasergruppe
Downloadmodul Teasergruppe
Ihr könnt Dateien zum Download entweder über das entsprechende Modul in eine Seite einfügen, oder aber als Link innerhalb eines Textes, wie z.B. dieses Bild.
YouTube-Video
Spezifikationen: Video
Spezifikationen: Video
Allgemeine Informationen
- Einbindung von YouTube-Videos per Video-ID der YouTube-URL
- Thumbnail separat nötig
- Titel obligatorisch
- Subtitel optional
- Anker möglich
Grafik
- Landscape-Format
- Playbutton wird automatisch hinzugefügt inkl. einem dunklen, transparentem Layer
Formular
Spezifikationen: Formular
Spezifikationen: Formular
Allgemeine Informationen
- Für die Möglichkeiten bitte siehe gepflegten Inhalt in der Modulübersicht
Das Formular
Wie können wir Ihnen weiterhelfen? Unsere Kundenbetreuung hilft Ihnen gerne weiter.
Umfrage / Formular
AB-Test
Spezifikation AB-Test
Spezifikation AB-Test
Allgemeine Informationen:
- beliebig viele Varianten pflegbar
- Möglichkeit, einen Fallback zu pflegen
- Konfiguration des A/B Tests erfolgt in DY
Personalisierung Produktkategorie
Personalisierung (Produktkategorie) Spezifikation
Personalisierung (Produktkategorie) Spezifikation
Allgemeine Information:
- liefert pro gepflegte Variante in DY die jeweils gepflegten Inhalte aus
- oder: Pflege erfolgt innerhalb eines Teasersliders direkt unter Personalisierung
- Fallback vorhanden


















