Code

Das Code Element ermöglicht es Dir, individuellen HTML/TWIG, CSS oder Javascript Code in Deine Erlebniswelt zu implementieren.

Feature der Pro Version

Seit Shopware 6.5 wird Code in den HTML-Elementen bereinigt - ein sogenannter "Sanitizer" filtert die meisten Code-Inhalte. Mit dem Code Element kann individuelle Code in der Erlebniswelt platziert werden, ohne dass dieser bereinigt wird.

Das Code Element (1) befindet sich in der Liste der auswählbaren Elemente des Themes. Bereits nach dem Platzieren zeigt es Demo-Inhalte zur Beschreibung der Verwendung an. In der Vorschau des Elementes im Editor werden Dir Teile Deines geschriebenen Codes (2, 3, 4) angezeigt, sodass Du einen Überblick bei der Verwendung mehrerer Code-Elemente behältst.

ab Theme-Version 5.10.0: Zum Verwenden und Bearbeiten des Code Elementes benötigst Du das Recht zen.cms_twig_code oder volle Administrator-Rechte. Ohne dieses Recht wird das Element in der Blockauswahl nicht angezeigt und bereits platzierte Code Elemente lassen sich nicht ändern.

Das Recht findest Du in der Rollenverwaltung unter Zusätzliche Berechtigungen > Zenit > Twig-Code-Element bearbeiten.

Einstellungen

In der Konfiguration des Elementes findest Du für jeden Code das passende Feld, aufgeteilt in einen Tab für HTML und Twig (1), Styling im CSS Tab (2) und Javascript im JS Tab (3). Dadurch behältst Du den vollen Überblick.

Entferne den Beispiel-Code aus den Tabs.