Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Die ThemeWare® "Hero-Teaser" 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.
Beta: Diese Funktion befindet sich in der Beta-Phase und kann sich mit einem kommenden Release noch ändern. – Wir freuen uns über dein .
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Hero-Teaser" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das entsprechende CMS-Element
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Hero-Teaser" ist recht selbsterklärend. Der Text, das Bild und die "Minimale Höhe" 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 (2), den Text (3) und den Button-Text (4) für den Banner eingeben. Der Text ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild des Banners. Die "Minimale Höhe" ist ein Pflichtfeld (Standard:
340px).Link
Im Abschnitt "Link" definierst du das Ziel des Banners wenn dieser angeklickt wird.
Im Tab "Layout" kannst du das Overlay (2), die Überschrift (3), die Text (4), den Button (5), das Scrollverhalten vom Bild (1), einen Parallax-Effekt und ein Farb-Overlay (1) konfigurieren. Zudem stehen dir Konfigurationen für die Ausrichtung des Text-Inhaltes zur Verfügung.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.
Überschrift
Im Abschnitt "Überschrift" kannst du die Schriftart, die Strichstärke, die Textformatierung und die Textfarbe für die Überschrift (3) konfigurieren.
Text
Im Abschnitt "Text" kannst du die Schriftart, die Textfarbe, Linkfarben für den Text (4) konfigurieren.
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
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
Der ThemeWare® "Button-Teaser" ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Den ThemeWare® "Button-Teaser" 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
Die ThemeWare® CMS-Teaser sind unabhängig von ihrem CMS-Block. Du kannst die Teaser auch in anderen CMS-Blöcken (z.B. den ThemeWare® ) verwenden.
Im Abschnitt "Button" kannst du den Button-Stil (die Farbe) konfigurieren und festlegen ob der Button (5) gefüllt oder als Outline-Button dargestellt werden soll.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Content-Overlay
Im Abschnitt "Content-Overlay" kannst du die horizontale Ausrichtung und die vertikale Ausrichtung sowie die Breite (z.B. auto oder 90%) und die maximale Breite (z.B. 90% oder 740px) vom "Content-Overlay" konfigurieren.
Mit der Konfiguration "Overlay-Styling anwenden" kannst du Konfigurationsfelder zum gestalten des Overlays aktivieren. Hier kannst du die Hintergrundfarbe festlegen, einen Hintergrund-Effekt, einen Schlagschatten und abgerundete Ecken auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay (1) aktiviert und konfiguriert werden.
Füge den CMS-Block des gewünschten Teaser-Elementes einfach per Drag’n’Drop deiner Erlebniswelt hinzu.
Mehr Informationen dazu findest du in der folgenden Anleitung: Teaser
Hinweis: Teaser-Blöcke findest du in der Rubrik "ThemeWare® Allgemein" [Pro]
Tausche alternativ ein bestehendes CMS-Element in einem CMS-Block gegen das gewünschte Teaser-Element aus.
Mehr Informationen dazu findest du in der folgenden Anleitung: CMS-Elemente
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Button-Teaser" ist recht selbsterklärend. Der Button-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 den Button-Text (2) eingeben. Der Button-Text ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du den Button (2) und den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Button
Im Abschnitt "Button" kannst du den Button-Stil (die Farbe) konfigurieren und festlegen ob der Button (2) gefüllt oder als Outline-Button dargestellt werden soll.
Zudem kannst du die horizontale Ausrichtung und die vertikale Ausrichtung vom Button im Teaser konfigurieren.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Hover
Im Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt (=Button) auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Die ThemeWare® "Advanced-Teaser" 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.
Beta: Diese Funktion befindet sich in der Beta-Phase und kann sich mit einem kommenden Release noch ändern. – Wir freuen uns über dein .
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Advanced-Teaser" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das entsprechende CMS-Element
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Advanced-Teaser" ist recht selbsterklärend. Das Bild und die "Minimale Höhe" 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 (3), die Zwischenüberschrift (4), den Text (5) und den Button-Text (6+7) für den Teaser eingeben.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild des Teasers. Die "Minimale Höhe" ist ein Pflichtfeld (Standard:
340px).Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst das Overlay (2), die Überschrift (3), die Zwischenüberschrift (4), die Text (5), die zwei Buttons (6+7), das Scrollverhalten vom Bild (1), einen Parallax-Effekt und ein Farb-Overlay (1) konfigurieren. Zudem stehen dir Konfigurationen für die Ausrichtung des Text-Inhaltes zur Verfügung.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.
Überschrift
Im Abschnitt "Überschrift" kannst du die Schriftart, die Strichstärke, die Textformatierung und die Textfarbe für die Überschrift (3) konfigurieren.
Zwischenüberschrift
Im Abschnitt "Zwischenüberschrift" kannst du die Schriftart und die Textfarbe für die Überschrift (4) konfigurieren.
Text
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift und die Zwischenüberschrift sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
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
Der ThemeWare® "Call-to-Action" ist unabhängig von seinem CMS-Block. Du kannst ihn auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Call-to-Action"-Teaser 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
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Call-to-Action" ist recht selbsterklärend. Der Text, der Button-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 (3), den Text (4) und den Button-Text (5) für den Teaser eingeben. Der Text und der Button-Text sind Pflichtfelder.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du das Overlay (2), den Text (3, 4) im Overlay, den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.
Überschrift
Im Abschnitt "Überschrift" kannst du die Schriftart und Textfarbe für die Überschrift (3) konfigurieren.
Text
Im Abschnitt "Text" kannst du die Schriftart und Textfarbe sowohl für den Text (4) konfigurieren.
Button
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Der ThemeWare® "Text-Teaser" ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Text-Teaser" 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
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Text-Teaser" ist recht selbsterklärend. Der Titel 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 den Titel (2) und Zwischentitel eingeben. Der Titel ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du den Titel (2) und den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen und einen Text-Schatten konfigurieren.
Titel
Im Abschnitt "Titel" kannst du die Schriftart, die Strichstärke, die Textformatierung und die Textfarbe vom Titel (2) konfigurieren.
Untertitel
Im Abschnitt "Untertitel" kannst du die Schriftart und die Textfarbe vom Untertitel konfigurieren.
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel bzw. den Untertitel sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
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
Titel - z.B. Kategoriename oder Produktname
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Der ThemeWare® "Text-Teaser (verziert)" ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Den ThemeWare® "Text-Teaser (verziert)" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Button
Im Abschnitt "Button" kannst du den Button-Stil (die Farbe) konfigurieren und festlegen ob der Button (5) gefüllt oder als Outline-Button dargestellt werden soll.
Button 2
Im Abschnitt "Button 2" kannst du den Button-Stil (die Farbe) konfigurieren und festlegen ob der Button (6) gefüllt oder als Outline-Button dargestellt werden soll.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Content-Overlay
Im Abschnitt "Content-Overlay" kannst du die horizontale Ausrichtung und die vertikale Ausrichtung sowie die Breite (z.B. auto oder 90%) und die maximale Breite (z.B. 90% oder 740px) vom "Content-Overlay" konfigurieren.
Mit der Konfiguration "Overlay-Styling anwenden" kannst du Konfigurationsfelder zum gestalten des Overlays aktivieren. Hier kannst du die Hintergrundfarbe festlegen, einen Hintergrund-Effekt, einen Schlagschatten und abgerundete Ecken auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay (1) aktiviert und konfiguriert werden.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Content-Overlay
Im Abschnitt "Content-Overlay" konfigurierst du, wie der Name schon sagt, das Overlay (2). Hier kannst du die horizontale Ausrichtung und die vertikale Ausrichtung vom Overlay konfigurieren. Zudem kannst du die Breite (z.B. auto oder 90%) und die maximale Breite (z.B. 90% oder 740px) für das Overlay festlegen.
Mit der Konfiguration "Overlay-Styling anwenden" kannst du Konfigurationsfelder zum gestalten des Overlays aktivieren. Hier kannst du die Hintergrundfarbe festlegen, einen Hintergrund-Effekt, einen Schlagschatten und abgerundete Ecken auswählen.
Hover
Im Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt (=Text) auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Im Abschnitt "Layout" kannst du die horizontale Ausrichtung, die vertikale Ausrichtung und die maximale Breite (z.B. 90%) des Inhaltes (=Text) im Teaser konfigurieren.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Hover
Im Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt (Titel) auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Text-Teaser (verziert)" ist recht selbsterklärend. Der Titel 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 den Titel (2) eingeben. Der Titel ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du den Titel (2) und den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.
Titel
Im Abschnitt "Titel" kannst du die Schriftart, die Textfarbe und die Hintergrundfarbe vom Titel (2) konfigurieren.
Layout
Im Abschnitt "Layout" kannst du die horizontale Ausrichtung, die vertikale Ausrichtung und die maximale Breite (z.B. 90%) des Inhaltes (=Text) im Teaser konfigurieren.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Hover
Im Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt (=Text) auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
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
Titel - z.B. Kategoriename oder Produktname
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
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.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
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
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration der "Hover-Box" ist recht selbsterklärend. 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 (3) und den Text (4) für den Teaser eingeben. Der Text ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du das Overlay (2), den Text (3, 4) im Overlay, und den Hover-Effekt vom Overlay konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.
Überschrift
Im Abschnitt "Überschrift" kannst du die Schriftart und Textfarbe für die Überschrift (3) konfigurieren.
Text
Im Abschnitt "Text" kannst du die Schriftart und Textfarbe sowohl für den Text (4) konfigurieren.
Layout
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
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
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Der ThemeWare® "Classic-Teaser" ist ein Teaser mit Designs aus Shopware 5 bzw. unseren Themes für Shopware 5. Er ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Den ThemeWare® "Classic-Teaser" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Content-Overlay
Im Abschnitt "Content-Overlay" konfigurierst du, wie der Name schon sagt, das Overlay (2) der Hover-Box. Hier kannst du die Hintergrundfarbe vom Overlay konfigurieren.
Hover
Im Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt bzw. das Overlay auswählen. Mit der Option Hover-Verhalten umkehren kannst du das Hover-Verhalten invertieren, sodass das Overlay standardmäßig angezeigt und beim Hover ausgeblendet wird.
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Classic-Teaser" ist recht selbsterklärend. Die Beschriftung 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 Beschriftung (2) für den Teaser eingeben. Dies ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du die Beschriftung (2) konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du zwischen verschiedenen Darstellungsarten wählen (siehe Screenshots unten) und die allgemeine Hintergrundfarbe (1) konfigurieren.. Die verschiedenen Darstellungsarten haben, wie die ursprünglichen Teaser aus ThemeWare® für Shopware 5, eine vordefinierte Farbkonfiguration. Du kannst mit der Konfiguration "Benutzerdefiniertes Styling aktivieren" eine individuelle Konfiguration aktivieren.
Beschriftung
Im Abschnitt "Beschriftung" kannst du die Schriftart der Beschriftung (2) konfigurieren.
Zudem hast du, je nach Darstellungsart, die Möglichkeit die Textfarbe, die Textausrichtung, die Rahmenfarbe, die Hintergrundfarbe und Hover-Farben (sofern der Teaser verlinkt wurde) zu konfigurieren.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Derzeit stehen dir 7 verschiedene Darstellungsarten (siehe Screenshots unten) für den Counter zur Verfügung:
Standard
Effekt 1
Effekt 2
Effekt 3 (z.B. ThemeWare® Clean)
Effekt 4 (z.B. ThemeWare® Bike)
Effekt 5 (z.B. ThemeWare® Strong)
Effekt 6 (z.B. ThemeWare® Ladieswear)
Effekt 7 (z.B. ThemeWare® Global)
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
Titel - z.B. Kategoriename oder Produktname
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Der ThemeWare® "Modern-Teaser" ist der Standard-Teaser vom Modern-Theme für Shopware 6. Er ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Modern-Teaser" 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
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Modern-Teaser" ist recht selbsterklärend. Die Beschriftung 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 Beschriftung (2) für den Teaser eingeben. Dies ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du die Beschriftung (2) konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Beschriftung
Im Abschnitt "Beschriftung" kann die Schriftart, Strichstärke, Textformatierung, Textfarbe und Hintergrundfarbe der Beschriftung (2) konfiguriert werden.
Content-Overlay
Im Abschnitt "Content-Overlay" kannst du den Schlagschatten und die abgerundeten Ecken des Content-Overlays konfigurieren.
Layout
Im Abschnitt "Layout" kannst du die horizontale Ausrichtung und
Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
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
Titel - z.B. Kategoriename oder Produktname
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Der Teaser ThemeWare® "Runder Teaser" ist unabhängig von seinem CMS-Block. Du kannst ihn auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® Teaser "Runder Teaser" 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
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Runden Teaser" ist recht selbsterklärend. Die Beschriftung 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 Beschriftung (2) für den Teaser eingeben. Dies ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld. Hinweis: Nutze für den "Runden Teaser" quadratische Bilder.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du die Beschriftung (2) konfigurieren.
Allgemein
Im Abschnitt "Layout" kannst du das Padding (den Innenabstand), die maximale Breite und die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)
Im Abschnitt "Content" kann die Text-Ausrichtung vom Titel (2) konfiguriert werden.
Titel
Im Abschnitt "Titel" kann die Schriftart, Textfarbe, Strichstärke, Textformatierung und Hintergrundfarbe vom Titel (2) konfiguriert werden.
Content-Overlay
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Experten-Einstellungen
Im Abschnitt "Experten-Einstellungen" können eine oder mehrere, mit Leerzeichen getrennte, CSS-Klassen eingetragen werden. Diese Klassen werden Spalten in bestimmten CMS-Blöcken hinzugefügt.
Der Teaser "Runder Teaser" rundet die Ecken von Bildern ab. Du musst die entsprechenden Motive also nicht selber in einem Bildbearbeitungsprogramm abrunden. Damit der Look kreisrund wird, nutze quadratische Bilder.
Abhängig von der Breite des Blocks (dies gilt besonders bei einspaltigen Blöcken), kann der Teaser sehr groß werden. Wir empfehlen den Teaser daher in mehrspaltigen Blöcken zu nutzen oder die maximale Breite des Teasers zu konfigurieren.
In einspaltigen Blöcken empfiehlt sich die Konfiguration "Maximale Breite" zu nutzen. Hiermit kannst du die Breite des Teasers begrenzen. Zusätzlich kannst du den Teaser mit im Tab "Allgemein" horizontal und vertikal ausrichten.
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
Titel - z.B. Kategoriename oder Produktname
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Hover
Im Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt (=Titel) auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Die ThemeWare® "Image-Teaser" 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.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Image-Teaser" 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
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Image-Teaser" ist recht selbsterklärend. Das Bild ist ein Pflichtfeld. Mehr brauchst du genau genommen nicht konfigurieren.
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du das Bild und ein Farb-Overlay konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe konfigurieren.
Bild
Im Abschnitt "Bild" kann ein Bild-Effekt (siehe ) ausgewählt und festgelegt werden, wann der Bild-Effekt (sofern der Teaser verlinkt wurde) angewendet werden soll.
Du kannst außerdem die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Derzeit stehen dir 7 verschiedene Bild-Effekte (siehe Screenshots unten) zur Verfügung:
Weichzeichnen
Helligkeit
Kontrast
Graustufen
Auf Kategorie- und Produktseiten kann folgendes Feld per Datenzuordnung dynamisch aus der aktuellen Kategorie bzw. dem aktuellen Produkt übernommen werden:
Bild - z.B. Kategoriebild oder Produktbild
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Deckkraft
Sättigung
Skalierung
