Mit der Einzelbox kannst du eine einzelne Themenbox erstellen und diese mit Bildmaterial sowie Text gestalten. Damit kannst du beispielsweise Landingpages auflockern oder auf ein bestimmtes Thema gezielt hinweisen.
Alles für den Garten
Finde bei uns die passenden Produkte!
Das Einzelbox Widget
Hier zeigen wir euch einfach mal 2 Beispiele für das Einzelbox Widget, damit ihr eine ungefähre Ahnung habt, was man damit machen könnte. Im weiteren Verlauf werden wir euch die einzelnen Einstellungsmöglichkeiten etwas näher erläutern.
Einzelbox Beispiel (Text auf dem Bild + Full-Size Fluid + Ausschnitt)
Lasse deiner Kreativität freien Lauf
Lasse dich von unserem einzigartigen Sortiment überzeugen
Einzelbox Beispiel (Text unter dem Bild + Boxed + Volle Größe + Link)

Globale Einstellungen - Überschrift
Ihr habt in diesem Widget natürlich auch die Möglichkeit, eine Überschrift zu setzen und diese zusätzliche durch Schriftindividualisierungen zu verändern.

Globale Einstellungen - Anzeige-Modus

Im Widget könnt ihr aus 2 verschiedenen Anzeige-Modi wählen: Boxed oder Full-Size Fluid.


Im Modus Boxed wird der Inhalt bzw. das Widget nur über die Content-Breite angezeigt. Im Modus Full-Size Fluid hingegen wird der Bildslider über die komplette Anzeigebreite angezeigt.


Hinweis: Wir haben das Bildmaterial aus Platzgründen von der Höhe reduziert.

Einzelbox Beispiel Boxed
Einzelbox Beispiel Full-Size Fluid

Globale Einstellungen - Kein Abstand links/rechts
Diese Einstellung kann genutzt werden, wenn die Box nach links und rechts keinen Abstand zum Rand der Anzeige haben soll (in Verbindung mit Anzeige-Modus "Full-Size Fluid"). Dadurch entsteht ein nahtloser Übergang.
Einzelbox Beispiel mit Abstand links/rechts
Einzelbox Beispiel kein Abstand links/rechts

BOX Einstellungen - Bild + Bildgröße

Im oberen Bereich der jeweiligen "BOX"-Reiter befinden sich zwei Einstellung, welche das Bildmaterial betreffen: 



  1. Bildmaterial hinterlegen/auswählen
  2. Bildgröße: "Volle Größe" oder "Ausschnitt"

Bildgröße = Volle Größe

"Volle Größe": hierbei wird das Bildmaterial nicht abgeschnitten, sondern das Seitenverhältnis kann selbst bestimmt werden. Hier sollte darauf geachtet werden, dass das verwendete Bildmaterial in allen Boxen das gleiche Seitenverhältnis aufweisen.

Dreierbox Bildgröße = Ausschnitt

"Ausschnitt": hier wird, wie der Name schon verrät, nur der Ausschnitt des Bildes angezeigt. Dadurch kann man auch Bilder mit unterschiedlichem Seitenverhältnissen verwenden, ohne das die Boxen danach unterschiedliche Höhen aufweisen. Dadurch kann es aber passieren, dass Teile des Bildmaterial abgeschnitten werden.


BOX Einstellungen - Textfeld 1 - 2 + Textposition

Ihr könnt neben Bildmaterial natürlich auch Textfelder in der Einzelbox verwenden. Es gibt genau zwei Textfelder, die ihr nutzen könnt. Ihr habt auch hier wieder die Möglichkeit, jedes einzelne Textfeld mit einer individuelle Schriftkonfiguration auszustatten.

Damit könnt ihr den einzelnen Boxen mehr Inhalt geben und somit den Kunden besser zu Themen leiten.

Zusätzlich könnt ihr auch noch die Textposition bestimmen. Hier könnt ihr auswählen zwischen "Auf dem Bild" und "Unter dem Bild". Wie das aussieht, seht ihr in den folgenden Beispielen:

Dreierbox Beispiel Textfelder "Auf dem Bild"
Textfeld 1
Textfeld 2
Dreierbox Beispiel Textfelder "Unter dem Bild"
Textfeld 1
Textfeld 2

BOX Einstellungen - Transparenz

Es gibt noch eine weitere Einstellung, welche im Zusammenspiel mit der Textposition steht: "Transparenz"

Die Einstellung "Transparenz" funktioniert, wenn sich die Textposition "Auf dem Bild" befindet. Hier wird, zur besseren Lesbarkeit des Textes, eine halbtransparente Box erzeugt, welche sich hinter den Text legt.

Hier ein Beispiel:

Dreierbox Beispiel Textfelder "Auf dem Bild" + Transparenz
Textfeld 1
Textfeld 2

BOX Einstellungen - Linksetzung

Auch bei der Einzelbox habt ihr die Möglichkeit, die Box zu verlinken. Hierbei wird der Link aber um das gesamte Element gelegt Folgende Optionen/Einstellungen gibt es:

  1. Link-Text
    (wird bei der Einzelbox nicht als tatsächlicher Text angezeigt, sondern als "title" ausgegeben)
  2. Link-URL
Theme-Switcher