Ein zentraler Ort
Pflegen Sie häufig benötigten Storefront-Code direkt in der Shopware-Plugin-Konfiguration, statt ihn über Themes, Dateien und Erlebniswelten zu verteilen.
99,00 €
Versandkostenfrei
Bearbeitung: 1 Tag, digitale Bereitstellung in 1–3 Werktagen
Shopware 6 Plugin / HTML, CSS, JavaScript & Head
Sie möchten HTML, CSS, JavaScript oder Head-Code in Shopware einfügen, ohne jedes Mal Theme-Dateien zu bearbeiten? Borban Custom Code Manager bündelt Ihre eigenen Snippets direkt in der Plugin-Konfiguration und gibt sie gezielt auf den gewünschten Storefront-Seiten aus.
Ob Hinweis unter der Buybox, CSS für Produktlisten, JSON-LD im Head, Tracking-Code oder Startseiten-Banner: Sie entscheiden, welcher Code wo erscheinen soll. Ein Vorschau-Modus ermöglicht es, Anpassungen zuerst gezielt zu prüfen, bevor sie öffentlich ausgegeben werden.
In gewachsenen Shopware-Shops sammeln sich kleine Anpassungen schnell an vielen Stellen. Ein Tracking-Script hier, ein HTML-Banner dort, ein CSS-Fix im Theme und eine separate Template-Anpassung im Checkout – später ist kaum noch ersichtlich, was wofür zuständig ist.
Pflegen Sie häufig benötigten Storefront-Code direkt in der Shopware-Plugin-Konfiguration, statt ihn über Themes, Dateien und Erlebniswelten zu verteilen.
Für HTML, CSS, JavaScript und Head-Code gibt es passende Eingabebereiche. So wird ein Stylesheet nicht mit einem HTML-Snippet vermischt.
Nutzen Sie globale Bereiche oder beschränken Sie Code auf Startseite, Produktdetailseite, Kategorien, Listings sowie Warenkorb und Checkout.
Aktivieren Sie einen Testmodus, bei dem Code nur über einen passenden Vorschau-Parameter und Token ausgespielt wird.
Der Code Manager eignet sich für HTML-Hinweise, Banner, Layoutkorrekturen, Marketing-Tags und kompakte JavaScript-Funktionen. Er ist kein PHP-Editor und ersetzt keine umfangreiche individuelle Plugin-Entwicklung.
Je nach Einsatzort gelten unterschiedliche Anforderungen für HTML, CSS, JavaScript und Head-Inhalte. Die Trennung erleichtert die spätere Pflege und Fehlersuche.
Hinweise, CTA-Flächen, Service-Informationen, Trust-Elemente, Kontaktboxen oder Aktionsbanner als reguläres HTML.
Eigene Farben, Abstände, mobile Korrekturen oder kleine Designanpassungen. In die CSS-Felder gehört der reine Stylesheet-Inhalt ohne umschließendes -Tag.
Kleine Storefront-Interaktionen, Mess-Snippets oder Klick-Logik. JavaScript-Felder erwarten Code ohne umschließendes -Tag.
Meta-Tags, Verifizierungs-Tags, externe Script-Einbindungen oder strukturierte Daten als vollständige Tags, beispielsweise JSON-LD im Head.
Eigener Code muss technisch und rechtlich zum Shop passen. Das Plugin überprüft nicht automatisch, ob ein eingefügtes Script fehlerfrei ist, datenschutzkonform arbeitet oder sich mit anderen Erweiterungen verträgt.
Sie können Code für die gesamte Storefront verwenden oder dort einfügen, wo er wirklich gebraucht wird. Das verringert unnötige Einblendungen auf unbeteiligten Seiten.
Für shopweite Ergänzungen stehen Eingaben für Head-Code, CSS, JavaScript und HTML bereit. Globales HTML kann im Bereich vor dem schließenden Body eingebunden werden. Das ist beispielsweise für allgemeine Hinweise, Meta-Angaben oder zentral verwendete Skripte hilfreich.
Platzieren Sie Startseiten-Hinweise, saisonale Banner oder eigene CTAs gezielt auf der Homepage. HTML kann an vorgesehenen Startseitenpositionen stehen; CSS und JavaScript können auf diese Seite begrenzt werden.
Auf Produktseiten sind unter anderem HTML-Positionen nach der Buybox und vor den Tabs beziehungsweise der Beschreibung vorgesehen. Dort passen Beratungshinweise, Serviceinformationen oder zusätzliche Produkt-CTAs. Bestimmte Produkt-IDs können optional berücksichtigt werden.
Ergänzen Sie HTML oberhalb oder unterhalb von Kategorien sowie vor oder nach dem Produktlisting. Eigene CSS- oder JavaScript-Anpassungen können auf Kategorie- und Listingseiten begrenzt werden.
Versand- oder Servicehinweise können dort sinnvoll sein, wo der Kunde eine Bestellung vorbereitet. Für diese Bereiche gibt es eigene Code-Einstellungen. Testen Sie gerade Checkout-Anpassungen besonders sorgfältig, damit Zahlungs- und Bestellabläufe nicht beeinträchtigt werden.
Die festen Einbauorte decken typische Shopware-Seiten ab. Für spezielle Themes kann eine zusätzliche Selector-Funktion helfen.
Über einen eigenen CSS-Selector lässt sich ein HTML-Block vor einem gefundenen Storefront-Element platzieren.
Der gleiche Mechanismus erlaubt es, einen Block hinter einem gewünschten Element einzufügen.
Die Funktion ergänzt vordefinierte Shopware-Positionen, wenn ein Projekt eigene Klassen oder Container verwendet.
Die Einfügung wird über die Plugin-Konfiguration gepflegt; das Originaltheme muss für solche Snippets nicht manuell editiert werden.
Beispielsweise kann eine kleine Infobox bei einer individuellen Buybox oder vor einem eigenen Content-Bereich erscheinen. Erforderlich ist ein geeigneter, stabiler CSS-Selector.
Neue CSS- oder JavaScript-Regeln sollten möglichst nicht ungeprüft für alle Shopbesucher aktiv werden. Der integrierte Testmodus hilft, Code vor einer allgemeinen Freigabe an konkreten Seiten zu prüfen.
Snippets im passenden globalen oder seitenspezifischen Feld hinterlegen.
Einen Vorschau-Parameter und Token für die kontrollierte Ausgabe konfigurieren.
Die gewünschte Shopseite mit dem passenden Vorschau-Aufruf öffnen und Darstellung und Browserkonsole kontrollieren.
Erst nach erfolgreichem Test den Code für den normalen Besucherverkehr freischalten.
Ein Vorschau-Link begrenzt die Ausgabe. Er prüft aber nicht selbst die Sicherheit, Fehlerfreiheit oder Nebenwirkungen von Code. Für umfangreiche Änderungen bleibt eine Stagingumgebung sinnvoll.
Der Code Manager ist absichtlich keine komplexe Entwicklungsumgebung. Die Bereiche sind in der Plugin-Konfiguration logisch gegliedert, damit Sie Snippets schnell finden, prüfen und bei Bedarf deaktivieren können.
| Plattform | Shopware 6; vorhandene Beschreibung nennt Unterstützung für 6.6 und 6.7 |
|---|---|
| Codearten | HTML, CSS, JavaScript und vollständiger Head-Code |
| Geltungsbereich | Global, Startseite, Produktdetail, Kategorie/Listing, Warenkorb/Checkout |
| Zusatzposition | Eigener CSS-Selector mit Einfügung vor oder nach dem gefundenen Element |
| Vorschau | Konfigurierbarer Testmodus mit Parameter und Token |
| Administration | Normale Shopware-Plugin-Konfiguration ohne separates umfangreiches Admin-Modul |
| Technik | Keine Änderungen an Shopware-Core-Dateien; PHP-Ausführung nicht vorgesehen |
Der genaue Einbauort kann durch Theme- und Plugin-Overrides beeinflusst werden. Code mit direkten Auswirkungen auf Checkout, Cookies oder Tracking sollte nur nach sorgfältigem Test und mit passender rechtlicher Konfiguration eingesetzt werden.
Das Plugin ist besonders hilfreich, wenn regelmäßig kleinere Anpassungen an unterschiedlichen Storefront-Bereichen anfallen.
Ein eigenes Plugin ist weiterhin vorzuziehen, wenn komplexe Geschäftslogik, dauerhafte Datenstrukturen, PHP-Dienste oder umfangreiche Integrationstests nötig sind.
Die Erweiterung verbindet die wichtigsten Stellen für eigenen Storefront-Code in einer zentralen, nachvollziehbaren Konfiguration.
Antworten auf die wichtigsten Fragen zur Einrichtung, Funktionsweise und Nutzung.
Ja. Die Plugin-Konfiguration bietet eigene Felder für die unterschiedlichen Codearten.
Ja. Es gibt globale Eingaben für Head-Code, HTML, CSS und JavaScript.
Ja. Es gibt Bereiche für Startseite, Produktdetails, Kategorien/Listing sowie Warenkorb und Checkout.
Vorgesehen sind unter anderem Positionen nach der Buybox und vor den Tabs beziehungsweise der Produktbeschreibung.
Die vorhandene Beschreibung nennt eine optionale Begrenzung auf bestimmte Produkt-IDs bei Produktseiten-Inhalten.
Sie können einen eigenen CSS-Selector definieren und HTML vor oder nach dem ausgewählten Element einfügen lassen.
Nein. Die Pflege erfolgt über die Plugin-Konfiguration im Shopware-Admin.
Ja. Der Testmodus begrenzt die Ausgabe auf Aufrufe mit dem passenden Vorschau-Parameter und Token.
Nein. In den CSS-Feldern wird der reine CSS-Code ohne umschließendes -Tag erwartet.
In den dafür vorgesehenen JavaScript-Feldern wird der Code ohne umschließendes -Tag eingetragen.
Für vollständige strukturierte Daten einschließlich Script-Tag steht der Head-Code-Bereich zur Verfügung.
Nein. Der Custom Code Manager ist für Storefront-Code wie HTML, CSS, JavaScript und Head-Inhalte vorgesehen.
Nein. Es verwaltet und platziert Code, übernimmt aber keine Garantie für dessen Sicherheit, Rechtskonformität oder technische Qualität.
Ja. Die entsprechenden Eingaben können zentral angepasst, deaktiviert oder gelöscht werden.
Für kleine Storefront-Anpassungen oft ausreichend; umfangreiche Geschäftslogik oder serverseitige Funktionen benötigen eine passende eigene Entwicklung.
Diese Versionen sind in der vorhandenen Produktbeschreibung genannt. Die konkrete Kompatibilität sollte passend zur verwendeten Plugin-Version geprüft werden.
Borban Custom Code Manager bringt Ihre HTML-, CSS-, JavaScript- und Head-Ergänzungen an einen zentralen Ort. So lassen sich kleine Anpassungen gezielter einbauen, testen und verwalten – ohne ständig Theme-Dateien öffnen zu müssen.