SHD CMS Blöcke

SHD - Drei Spalten, Proddukt-Boxen (25-25-50) Mobil 2 Spalten

Hierbei handelt es sich um ein Präsentationslayout für drei Produkte, bei dem die Aufteilung in beiden Ansichtsmodi unterschiedlich ist. In der Desktop-Ansicht werden die Produkte in einer einzigen Box präsentiert, wobei die prozentuale Verteilung für alle drei Produkte gleich ist, wie im oberen Abschnitt erläutert. Die Mobilansicht weist jedoch eine andere Anordnung auf. Hier werden die Produkte in zwei Spalten unterteilt: Die ersten beiden Produkte nehmen jeweils 50% der Breite ein, während das dritte Produkt die gesamte verfügbare Breite von 100% erhält.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Vier Spalten, Produkt-Boxen (Mobil: 4-2)

In dieser Gestaltungsoption können Sie vier Produkte nebeneinander in einer Zeile anzeigen. In der Desktop-Ansicht teilen sich alle vier Produkte gleichmäßig einen prozentualen Anteil von jeweils 25% der verfügbaren Breite. Für die Mobilansicht wird die Anordnung angepasst, indem die Box in zwei Spalten aufgeteilt wird. Dadurch erhält jedes der vier Produkte einen Anteil von 50% der verfügbaren Breite, was die Darstellung auf kleineren Bildschirmen optimiert.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Vier Spalten, Produkt-Boxen (Mobil 4-2-1)

In diesem Design können ebenfalls vier Produkte in einer Zeile angeordnet werden. In der Desktop-Ansicht teilen sich alle vier Produkte jeweils gleichmäßig einen prozentualen Anteil von 25% der verfügbaren Breite. In der Mobilansicht wird das Layout jedoch anders strukturiert. Hier wird die Box in vier Spalten unterteilt, wodurch jedes einzelne Produkt den vollen 100%igen Anteil der Seitenbreite einnimmt.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Drei Spalten, Produkt-Boxen (25-25-50) (Standard)

Unklar: Dieses Element ist dazu gedacht, drei Produkte zu präsentieren. Dabei nehmen die ersten beiden Produkte jeweils 25% der Breite ein, während das dritte Produkt 50% der Breite beansprucht. Von diesem Element aus kann der Kunde die Produkte direkt in den Warenkorb legen, um den Bestellvorgang zu erleichtern.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Drei Spalten, Produkt-Boxen (25-25-50) Mobil 2 Spalten (Standard)

Unklar: Dieses Element ermöglicht die Präsentation von drei Produkten mit der gleichen prozentualen Aufteilung wie in der vorherigen Box beschrieben. Allerdings gibt es Unterschiede in der Mobilansicht. In der Mobilansicht wird das Layout in zwei vertikale Spalten unterteilt: Die oberen beiden Produkte teilen sich jeweils 50% der Breite, während das untere Produkt die gesamten verfügbaren 100% der Breite einnimmt. Dies gewährleistet eine optimale Anpassung an kleinere Bildschirme.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Vier Spalten, Produkt-Boxen (Mobil: 4-2) (Standard)

Unklar: Hier können Sie vier Produkte in einer Reihe anzeigen. In der Desktop-Ansicht teilen sich alle vier Produkte gleichmäßig einen prozentualen Anteil von jeweils 25% der verfügbaren Breite. Die Mobilansicht hingegen präsentiert das Layout anders. Hier wird die Box in zwei Spalten aufgeteilt, wodurch jedes der vier Produkte 50% der verfügbaren Breite erhält. Dies sorgt dafür, dass die Produkte auf kleineren Bildschirmen gut angezeigt werden und eine effektive Darstellung gewährleistet ist.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Vier Spalten, Produkt-Boxen (Mobil 4-2-1) (Standard)

Unklar: In dieser Darstellung können Sie ebenfalls vier Produkte in einer Zeile anzeigen. In der Desktop-Ansicht teilen sich alle vier Produkte jeweils gleichmäßig einen prozentualen Anteil von 25% der verfügbaren Breite. Die Mobilansicht unterscheidet sich jedoch: Hier wird die Box in vier Spalten aufgeteilt, wodurch jedes Produkt den gesamten 100%igen Anteil der verfügbaren Seitenbreite einnimmt. Dieses Layout gewährleistet, dass jedes Produkt auf kleineren Bildschirmen prominent und optimal sichtbar präsentiert wird.

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

Eva Solo Milchkanne

Milchkanne von Eva Solo

Verfügbar in 1 - 2 Wochen

34, ⁹⁰ €

SHD - Element - Text, überlagernd

Mit diesem Element können Sie auf der linken Hälfte des Bildschirms ein Bild einfügen und auf der rechten Seite einen passenden Text erstellen. Die Besonderheit liegt in der Überlagerung des Textes und des Bildes, wodurch der Text hervorgehoben wird. Diese visuelle Darstellung verleiht dem Textinhalt eine besondere Aufmerksamkeit. Zusätzlich können Schriftart, Hintergrundfarbe und weitere Gestaltungselemente individuell angepasst werden. Dadurch haben Sie die Möglichkeit, das Layout nach Ihren Präferenzen anzupassen und eine ansprechende Präsentation zu erzeugen.

Test

Hier könnte ein Text stehen

SHD - Bild und Textgalerie

Dieses Element ermöglicht die Darstellung von zwei Produkten nebeneinander, wobei beide Produkte den gleichen prozentualen Anteil der Seitenbreite einnehmen. Sie können Produktbilder zusammen mit passenden Beschreibungen in dieses Element einfügen. Dadurch wird eine übersichtliche und ansprechende Präsentation der Produkte erreicht, bei der visuelle Elemente harmonisch mit den Beschreibungen kombiniert werden.

Test

Hier kommt eine Produktbeschreibung rein

Test

Hier kommt eine Produktbeschreibung rein

SHD - 6 Spalten Image - Text (6-3-2)

Das 6-Spalten-Image-Element bietet vielseitige Anwendungsmöglichkeiten. Einerseits können damit sechs Produktbilder nebeneinander dargestellt werden, um eine breite Palette an Produkten visuell zu präsentieren. Andererseits eignet sich dieses Element auch ideal für kurze Anleitungen, wie zum Beispiel einen Kaufvorgang. In diesem Fall können die sechs Spalten genutzt werden, um schrittweise den Prozess zu visualisieren und einfach verständliche Informationen bereitzustellen.

Überschrift

Inhalt Spalte 1 ...

Überschrift

Inhalt Spalte 2 ...

Überschrift

Inhalt Spalte 3 ...

Überschrift

Inhalt Spalte 4 ...

Überschrift

Inhalt Spalte 5 ...

Überschrift

Inhalt Spalte 6 ...

Schritt 1

Schritt 2

Schritt 3

Schritt 4

Schritt 5

Schritt 6

SHD - Header - 2 Bilder (3:1)

Hier können zwei Bilder eingefügt werden, wobei die Aufteilung im Verhältnis 3:1 erfolgt. Das erste Bild nimmt dabei drei Teile der verfügbaren Breite ein, während das zweite Bild einen Teil der Breite einnimmt. Dies erzeugt eine asymmetrische visuelle Darstellung und kann für kreative Gestaltungen genutzt werden.

SHD - Header - 2 Bilder (1:3)

In diesem Element haben Sie die Möglichkeit, zwei Bilder einzufügen, wobei die Aufteilung im Verhältnis von 1:3 erfolgt. Das bedeutet, dass das erste Bild einen Teil der verfügbaren Breite einnimmt, während das zweite Bild drei Teile der Breite beansprucht. Diese Aufteilung schafft eine visuelle Betonung auf dem zweiten Bild und kann für verschiedene Gestaltungszwecke genutzt werden.

SHD - 6 Spalten (6-3-2-1)

Hier können Sie sechs gleichgroße Spalten nebeneinander gestalten und individuell anpassen. Diese Funktion ermöglicht eine flexible Präsentation von Inhalten, sei es durch Bilder, Texte oder andere Elemente. Die Möglichkeit zur Anpassung von Schriftarten, Farben und weiteren Designaspekten eröffnet vielfältige Gestaltungsoptionen. Bei Bedarf stehe ich Ihnen gerne zur weiteren Unterstützung zur Verfügung.

SHD - 6 Spalten (6-3-2)

Im Gegensatz zum darüber liegenden Block verfügt dieser über eine unterschiedliche Mobilansicht. Hier wird der Inhalt in drei Spalten aufgeteilt, wodurch jeweils zwei Bilder in einer Zeile angezeigt werden. Diese Anpassung gewährleistet eine optimale Darstellung auf kleineren Bildschirmen und ermöglicht eine effektive Präsentation der Inhalte.

SHD - 4 Spalten (4-2)

In diesem Block haben Sie die Möglichkeit, vier Bilder nebeneinander aufzuführen. Dies ermöglicht eine übersichtliche und visuell ansprechende Darstellung von Inhalten.

SHD - 3 Bilder (50-25-25)

Für dieses Element haben Sie die Möglichkeit, zusammenfassend drei Bilder einzufügen. Hierbei nimmt das erste Bild 50% der Breite ein, während die beiden anderen Bilder jeweils 25% der Breite beanspruchen. Dadurch ergibt sich eine abwechslungsreiche visuelle Präsentation der Inhalte.

SHD - 3 Bilder (50-25-25)

Das Einbinden von insgesamt drei Bildern ist in diesem Element möglich: Ein Bild beansprucht dabei 50% der Breite, während die anderen beiden jeweils 25% der Breite einnehmen. In der Mobilansicht wird der Block in zwei Spalten aufgeteilt. Das erste Bild erstreckt sich über die gesamte Breite in der oberen Zeile, während das zweite und dritte Bild in die folgende Zeile verschoben werden und jeweils 50% der Breite ausfüllen. Durch diese Anordnung wird sichergestellt, dass die Darstellung auf verschiedenen Bildschirmgrößen ansprechend und übersichtlich bleibt.

SHD 3 Bilder (33 - 50 - 17 %)

Mit dem SHD 3 Bilder Element werden die Bilder in folgender prozentualen Aufteilung nebeneinander dargestellt: Das erste Bild nimmt 33%, das zweite Bild 50% und das dritte Bild 17% der Breite ein. Dieses Layout ermöglicht eine ausgewogene visuelle Präsentation der Bilder.

SHD Verschachtelte Spalten (5 Bilder)

Dieses Layout ermöglicht die Erstellung einer Kollage aus insgesamt fünf Bildern. Dabei werden vier Bilder auf der linken Seite in zwei Spalten unterteilt dargestellt, während auf der rechten Seite ein einzelnes größeres Bild platziert wird. Diese Anordnung bietet eine kreative Möglichkeit, Bilder zu präsentieren.

SHD Bild Raster

Das SHD Bild Raster ermöglicht es, ein Bild in den Fokus zu rücken und daneben zwei übereinander liegende Bilder einzufügen. Dieses Layout eignet sich gut, um ein Hauptbild hervorzuheben und gleichzeitig zusätzliche Bilder darunter zu platzieren.

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

Test 6.7

Hier könnte ein Text stehen-Hintergrundfarben nicht vorhanden