CMS-Elemente
In diesem Bereich der Dokumentation findest du alle ThemeWare® CMS-Elemente die du CMS-Blöcken hinzufügen kannst.
ThemeWare® CMS-Elemente
Mit ThemeWare® erhältst du eine umfangreiche und wachsende Auswahl an CMS-Elementen um deinen Shop zu individualisieren. Die ThemeWare® CMS-Elemente sind ab Version 0.5.0 in der Pro-Edition verfügbar.
Weitere Elemente sind bereits in Arbeit und folgen bald. Sei gespannt!
Tipp: Wenn du weitere Ideen oder Wünsche zu bestehenden oder neuen Elementen hast, sende uns gerne Verbesserungsvorschläge über unser Service Portal.
Wichtig: CMS-Elemente sind in der Shopware Cloud derzeit grundsätzlich leider nicht möglich! Die ThemeWare® Cloud-Edition enthält daher derzeit keine CMS-Elemente.
ThemeWare® CMS-Element hinzufügen
Um ein CMS-Element platzieren zu können brauchst du einen geeigneten CMS-Block in deiner Erlebniswelt. Diesem CMS-Block kannst du dann ein CMS-Element zuweisen. Mehr dazu erfährst du im Abschnitt CMS-Blöcke.
ThemeWare® CMS-Element austauschen
Fahre mit der Maus über den CMS-Block
Klicke auf auf das
"Austauschen"-Icon (1)
Es öffnet sich das Pop-up "Element auswählen"
Wähle hier das gewünschte CMS-Element aus (2)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FdJ7F8Roj8lfm3Rvk6omT%252Fimage.png%3Falt%3Dmedia%26token%3De0a63738-0f6b-41b9-b546-419ec429f771&width=768&dpr=4&quality=100&sign=7747c099&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FIGh3k6nGFHkRsxGWumTF%252Fcms-extensions--replace-cms-element.png%3Falt%3Dmedia%26token%3D2b836374-9fb7-40e2-a346-772a78d3dc04&width=768&dpr=4&quality=100&sign=47b2020f&sv=1)
ThemeWare® CMS-Element konfigurieren
Klicke auf den entsprechenden CMS-Block um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das gewünschte CMS-Element
Klicke auf das
"Zahnrad"-Icon (1) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen" (2)
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FMX94lT4eCine2ubJH9WE%252Fimage.png%3Falt%3Dmedia%26token%3Da28da732-ea55-41b7-8eb0-2d66ed160478&width=768&dpr=4&quality=100&sign=6b5a6404&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FaUUuwBK8rm76OYhDYltQ%252Fcms-exentsions--cms-element-config.png%3Falt%3Dmedia%26token%3Dd2fb2e3b-44b7-4394-b12f-1743d3c777ce&width=768&dpr=4&quality=100&sign=ef6d9a7e&sv=1)
Tipp: Achte darauf, dass alle Pflichtfelder "*" befüllt sind, sonst kannst du die Erlebniswelt nicht speichern. ThemeWare® zeigt dir alle Pflichtfelder mit einem kleinen blauen Sternchen hinter dem Feldnamen an.
Hinweis: Mit der Shopware 6.5 wurde ein HTML Sanitzer implementiert. Dieser Sanitizer verbessert Sicherheit, Zuverlässigkeit und Benutzerfreundlichkeit des Editors, indem unsicherer HTML-Code entfernt wird.
Er säubert auch Styles und Attribute für konsistente und korrekte Darstellung des Codes unabhängig von Plattform und Browser. (siehe HTML Sanitzer)
Allgemeines
Viele CMS-Elemente von ThemeWare® sind ähnlich aufgebaut. Sie bestehen aus verschiedenen "Schichten".
Die unterste Ebene ist dabei oftmals das Bild bzw. Hintergrundbild (1). Darüber kann oftmals ein "Farb-Overlay" (2) gelegt werden. Diese vollflächige Farbfläche überlagert das Bild darunter. Noch eine Ebene darüber befindet sich das "Content-Overlay" (3) bzw. in denglisch ausgedrückt "Inhalts-Overlay". Der "Content" ist der eigentliche Inhalt, also der Text bzw. die Beschriftung des Elements.
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252F8JKaD8lOCm3RF4NstqCE%252Fcms-element--image-banner-components.png%3Falt%3Dmedia%26token%3D2dc432cf-0230-4504-bbe6-b011346e8cee&width=768&dpr=4&quality=100&sign=9ddd2239&sv=1)
Auch in der Konfiguration von CMS-Elementen gibt es Gemeinsamkeiten. Nachfolgend findest du Einstellungen die in vielen CMS-Elementen zu finden sind:
SEO-Einstellungen
In vielen CMS-Elementen findest du den Tab "SEO". Hier kannst du den HTML-Tag (p, h1, h2, ...) von Überschriften definieren und damit die HTML-Hierarchie deiner Erlebniswelten optimieren.
Erweiterte Einstellungen
In vielen CMS-Elementen findest du den Tab "Erweitert". Hier kannst du CSS-Klassen konfigurieren und Experten-Einstellungen nutzen.
CSS-Klassen
Im Abschnitt "CSS-Klassen" kannst du verschiedenen Komponenten in einem CMS-Element eigene CSS-Klassen hinzufügen. Trenne mehrere CSS-Klassen jeweils mit einem Leerzeichen.
Experten-Einstellungen
In einigen CMS-Elementen findest du im Tab "Erweitert" den Abschnitt "Experten-Einstellungen".
Diese Einstellungen richten sich an Experten die sich mit CMS-Blöcken, CMS-Elementen und dem Bootstrap Grid-System sehr gut auskennen!
Hinweis: Mehr Informationen wie du diese nutzen kannst, erfährst du in der ThemeWare® Wissensdatenbank im Bereich "Profiwissen".
Mehrsprachigkeit
Möchtest du eine alternative Sprache in einem CMS-Element konfigurieren, kannst du oben rechts im Editor der entsprechenden Erlebniswelt einfach die Sprache wechseln.
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FUSZduliITJxBIblIDfvs%252Fimage.png%3Falt%3Dmedia%26token%3Dde6c80e2-3a88-4aec-87f7-8b4f249c1ff0&width=768&dpr=4&quality=100&sign=9cd60a15&sv=1)
Weiterführende Informationen
Weitere Informationen und Grundlagen zum Thema "Shopware 6 Erlebniswelten" und "CMS-Elementen" findest du in der ThemeWare® Wissensdatenbank:
Last updated