Bild & Text überlagernd

Das ThemeWare® "Bild & Text überlagernd"-Element stellt ein Bild mit einer darüber liegenden Text-Box dar. Das Element ist explizit für die Verwendung in seinem eigenen CMS-Block vorgesehen.

Element konfigurieren

Das ThemeWare® "Bild & Text überlagernd"-Element kannst du wie folgt konfigurieren:

1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren

2. Fahre mit der Maus über das gewünschte CMS-Element

3. Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren

4. Es öffnet sich das Pop-up "Element-Einstellungen"

5. Nehme die gewünschten Änderungen vor

6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

Die Konfiguration vom "Bild & Text überlagernd"-Element ist recht selbsterklärend. Die Überschrift, der Text und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.

Im Tab "Allgemein" konfigurierst du den Content des Elementes.

Content (Inhalt)

Im Abschnitt "Content" kannst du die Überschrift und den Text für das Element eingeben. Der Text ist ein Pflichtfeld.

Bild

Im Abschnitt "Bild" definierst du das Bild des Elementes. Das Bild ist ein Pflichtfeld. Zudem kannst du den Anzeigemodus und die Minimale Höhe (Standard: 340px, nur im Modus "Cover" sichtbar) konfigurieren.

Barrierefreiheit

Im Abschnitt "Barrierefreiheit" kannst du den Alt-Text für das Bild eingeben und festlegen, ob das Bild als dekorativ markiert werden soll.

Im Tab "Layout" kannst du das Aussehen des Elementes konfigurieren.

Allgemein

Im Abschnitt "Allgemein" kannst du den Layout-Typ ("Standard" oder "Innerhalb"), die Anordnung ("Standard" oder "Umgekehrt") und die Hintergrundfarbe konfigurieren.

Content (Inhalt)

Im Abschnitt "Content" kannst du die Textausrichtung konfigurieren.

Überschrift

Im Abschnitt "Überschrift" kannst du die Schriftart und die Textfarbe der Überschrift konfigurieren.

Text

Im Tab "SEO & Pagespeed" kannst du den HTML-Tag und die HTML-Tag-Klasse für die Überschrift konfigurieren sowie die Fetchpriorität und das Lazy Loading vom Bild einstellen.

Du kannst zwar jedes HTML-Element unserer CMS-Elemente über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen. Es stehen separate Felder für die CSS-Klasse des Elementes, der Überschrift und des Textes zur Verfügung.

Auf Kategorie- und Produktseiten können folgende Felder per Datenzuordnung dynamisch aus der aktuellen Kategorie bzw. dem aktuellen Produkt übernommen werden:

• Bild - z.B. Kategoriebild oder Produktbild

• Überschrift - z.B. Kategoriename oder Produktname

• Text - z.B. Kategoriebeschreibung oder Produktbeschreibung