Individueller Code (HTML/CSS/JS)
Last updated
Last updated
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: Bitte beachte, dass sich dieses Element in einer Testphase befindet, probiere es gerne einmal aus.
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-CodeIm Abschnitt "Individueller HTML-Code" kannst du den gewünschten HTML-Code hinterlegen.
Achtung: Potenziell gefährlicher Code wird nicht bereinigt und automatisch aus dem Editor entfernt!
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-CodeIm 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-CodeIm Abschnitt "Individueller JavaScript-Code" kannst du den gewünschten JavaScript-Code hinterlegen.
Anwendungsbeispiele findest du in unseren Demoshops:
Demo folgt...