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ältsts.

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.