Hover-Box
Die ThemeWare® "Hover-Box" ist unabhängig von ihrem CMS-Block. Du kannst sie auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Hinweis: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Element konfigurieren
Die ThemeWare® "Hover-Box" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das gewünschte CMS-Element
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Konfiguration
Die Konfiguration der "Hover-Box" ist recht selbsterklärend. Der Text und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.
Allgemein
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
TextIm Abschnitt "Text" kannst du die Überschrift (3) und den Text (4) für den Teaser eingeben. Der Text ist ein Pflichtfeld.
BildIm Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
LinkIm Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Hinweis: Das Textfeld ist HTML-fähig. Links <a> sollten allerdings nicht verwendet werden, da dies die eigentliche Verlinkung des Elementes stört.
Layout
Im Tab "Layout" kannst du das Overlay (2), den Text (3, 4) im Overlay, und den Hover-Effekt vom Overlay konfigurieren.
AllgemeinIm Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)Im Abschnitt "Inhalt" kannst du die gewünschte Textausrichtung auswählen.
ÜberschriftIm Abschnitt "Überschrift" kannst du die Schriftart und Textfarbe für die Überschrift (3) konfigurieren.
TextIm Abschnitt "Text" kannst du die Schriftart und Textfarbe sowohl für den Text (4) konfigurieren.
Content-OverlayIm Abschnitt "Content-Overlay" konfigurierst du, wie der Name schon sagt, das Overlay (2) der Hover-Box. Hier kannst du die vertikale Ausrichtung des Textes im Overlay und die Hintergrundfarbe vom Overlay konfigurieren.
HoverIm Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt bzw. das Overlay auswählen.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Last updated
.png){kind=icon}
