Info: Dieser Artikel folgt bald...
Weitere ThemeWare® CMS-Elemente.
...
Füge den CMS-Block des gewünschten Elements einfach per Drag’n’Drop deiner Erlebniswelt hinzu.
Mehr Informationen dazu findest du in der folgenden Anleitung:
Hinweis: Diese Blöcke findest du in der Rubrik "ThemeWare® Verschiedenes" [Pro]
Die ThemeWare® "Breadcrumb-Navigation" ist eine Variante der "Breadcrumb-Navigation" von Shopware. Das Element hat allerdings mehr Konfigurationsmöglichkeiten und lässt sich beliebig platzieren.
Die ThemeWare® "Breadcrumb-Navigation" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
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 eigentliche Konfiguration der "Breadcrumb-Navigation" findest du im Tab 'Inhalt' in der ThemeWare® Konfiguration.
Im Tab "Layout" kannst du derzeit lediglich die horizontale Ausrichtung konfigurieren.
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.
Hinweis: Das Element ist explizit für die Verwendung in seinem eigenen CMS-Block vorgesehen. Es ist nicht für die Nutzung in anderen CMS-Blöcken ausgelegt und lässt sich daher nicht austauschen bzw. in anderen Blöcken platzieren.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Hinweis: Dieses Element ist in Arbeit.
Das Element ThemeWare® "Testimonial (Kundenrezension)" ist ein CMS-Element für Kundenbewertungen in deinen Erlebniswelten. Du kannst das Element in diversen CMS-Blöcken (z.B. den ThemeWare® Spalten-Blöcken) verwenden.
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.
Die ThemeWare® "Testimonial" 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 "Testimonial" ist recht selbsterklärend. Der Name, der Bewertung und die Rezension des Kunden sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
Text
Im Abschnitt "Text" kannst du den Namen (2), die Bewertung (3) und die Rezension (4) des Kunden eingeben. Alle drei sind Pflichtfelder.
Avatar
Im Abschnitt "Avatar" kannst du die Art des Avatars (1) und falls gewünscht, das Bild (1) des Kunden auswählen.
Im Tab "Layout" kannst das Aussehen des Elementes konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die Text-Ausrichtung, die Hintergrundfarbe sowie das Padding des Elementes konfigurieren und zudem festlegen ob das Element abgerundete Ecken haben soll.
Name
Im Abschnitt "Text" kannst du die Schriftart und Textfarbe des Namens (2) konfigurieren.
Bewertung
Im Abschnitt "Bewertung" kannst du den Stil der Bewertung (3) auswählen und abhängig vom Stil die
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Namen konfigurieren.
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.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Hinweis: Dieses Element sowie dieser Artikel sind in Arbeit.
Das ThemeWare® CMS-Element "Individueller Code (HTML/CSS/JS)" ist ein CMS-Element mit welchem du individuellen HTML-, CSS- und JS-Code in deiner Erlebniswelt platzieren kannst.
Da durch individuellen Code potenziell gefährliche Schwachstellen entstehen können, richtet sich dieses Element an erfahrene Anwender bzw. Experten, die sicher im Umgang mit individuellen Programmierungen sind. Bist du nicht absolut sicher, was du tust, nutze den HTML-Editor eines beliebigen Text-Elementes von Shopware 6. Dieser Editor bereinigt deinen individuellen Code automatisch.
Beta: Diese Funktion befindet sich in der Beta-Phase und kann sich mit einem kommenden Release noch ändern. – Wir freuen uns über dein .
Achtung: Dieses CMS-Element richtet sich an Experten die sicher im Umgang mit individuellem Code sind. Bitte beachte, dass durch individuellen Code potenziell gefährliche Schwachstellen entstehen können!
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Die ThemeWare® CMS-Element "Individueller Code (HTML/CSS/JS)" 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 CMS-Element "Individueller Code" ist recht selbsterklärend. Es gibt keine Pflichtfelder.
Im Tab "HTML" hinterlegst du deinen individuellen HTML-Code.
Individueller HTML-Code
Im Abschnitt "Individueller HTML-Code" kannst du den gewünschten HTML-Code hinterlegen.
Twig-Unterstützung
Mit dem Schalter "Twig-Variablen erlauben" kannst du die Unterstützung für Twig-Variablen aktivieren. Dadurch lassen sich Twig-Variablen (z. B.
{{ page.product.name }}oder{{ category.name }}) direkt in deinem HTML-Code verwenden.Die verwendeten Variablen werden auf Produktseiten, Kategorieseiten und Landingpages automatisch aufgelöst und durch die entsprechenden Inhalte ersetzt.
Im Tab "CSS" kannst du deinen individuellen CSS-Code hinterlegen. Dein CSS-Code wird automatisch mit einem style-Tag umschlossen eingefügt.
Du kannst du deinen CSS-Code natürlich auch über das Feld "Individueller HTML-Code" integrieren, das Feld "Individueller CSS-Code" dient hauptsächlich der besseren Übersicht.
Individueller CSS-Code
Im Abschnitt "Individueller CSS-Code" kannst du den gewünschten CSS-Code hinterlegen.
Im Tab "JavaScript" kannst du deinen individuellen JavaScript-Code hinterlegen. Der JS-Code wird automatisch mit einem script-Tag umschlossen eingefügt.
Du kannst du deinen JS-Code natürlich auch über das Feld "Individueller HTML-Code" integrieren, das Feld "Individueller JavaScript-Code" dient hauptsächlich der besseren Übersicht.
Individueller JavaScript-Code
Im Abschnitt "Individueller JavaScript-Code" kannst du den gewünschten JavaScript-Code hinterlegen.
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.
Vollständige Twig-Unterstützung
Die vollständige Twig-Unterstützung ermöglicht den Zugriff auf den kompletten Twig-Kontext (Variablen, Tags, Filter, Funktionen). Diese Funktion richtet sich ausschließlich an erfahrene Entwickler und Agenturen. Fehlerhafter Twig-Code kann zu Seitenfehlern führen.
Hinweis: Diese Konfiguration ist derzeit nicht verfügbar. Die Ausführung von Twig-Code kann zu Fehlern und unter Umständen zu erheblichen Sicherheitsrisiken führen. Wir prüfen, ob und in welcher Form wir diese Funktion in einem zukünftigen Release bereitstellen können.
Rezension
Im Abschnitt "Rezension" kannst du die Position der Rezension (4) auswählen sowie die Schriftart und Textfarbe konfigurieren.
Hinweis: Die Rezension ist HTML-fähig. Beschränke dich aber am besten auf die Absatzformatierung.
Achtung: Potenziell gefährlicher Code wird nicht bereinigt und automatisch aus dem Editor entfernt!
