Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen

Custom Code Manager für Shopware 6

Produktinformationen "Custom Code Manager für Shopware 6"

Shopware 6 Plugin / HTML, CSS, JavaScript & Head

Borban Custom Code Manager – eigenen Code zentral in Shopware 6 verwalten

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.

HTML, CSS, JS und Head getrenntGlobale & gezielte AusgabeVorschau-TestmodusKeine Core-Dateiänderung

Schluss mit verstreuten Code-Schnipseln

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.

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.

Klare Trennung nach Codeart

Für HTML, CSS, JavaScript und Head-Code gibt es passende Eingabebereiche. So wird ein Stylesheet nicht mit einem HTML-Snippet vermischt.

Ausgabe nur an der passenden Stelle

Nutzen Sie globale Bereiche oder beschränken Sie Code auf Startseite, Produktdetailseite, Kategorien, Listings sowie Warenkorb und Checkout.

Erst testen, dann freigeben

Aktivieren Sie einen Testmodus, bei dem Code nur über einen passenden Vorschau-Parameter und Token ausgespielt wird.

Für kleine, gezielte Storefront-Anpassungen

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.

Vier Codearten, die Sie sauber getrennt pflegen

Je nach Einsatzort gelten unterschiedliche Anforderungen für HTML, CSS, JavaScript und Head-Inhalte. Die Trennung erleichtert die spätere Pflege und Fehlersuche.

HTML-Blöcke

Hinweise, CTA-Flächen, Service-Informationen, Trust-Elemente, Kontaktboxen oder Aktionsbanner als reguläres HTML.

CSS-Regeln

Eigene Farben, Abstände, mobile Korrekturen oder kleine Designanpassungen. In die CSS-Felder gehört der reine Stylesheet-Inhalt ohne umschließendes -Tag.

JavaScript

Kleine Storefront-Interaktionen, Mess-Snippets oder Klick-Logik. JavaScript-Felder erwarten Code ohne umschließendes -Tag.

Head-Code

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.

Global oder nur auf der richtigen Seite

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.

Globaler Code

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.

Startseite

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.

Produktdetailseiten

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.

Kategorien und Listings

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.

Warenkorb und Checkout

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.

Auch individuelle Einbaupunkte sind möglich

Die festen Einbauorte decken typische Shopware-Seiten ab. Für spezielle Themes kann eine zusätzliche Selector-Funktion helfen.

HTML vor einem Element

Über einen eigenen CSS-Selector lässt sich ein HTML-Block vor einem gefundenen Storefront-Element platzieren.

HTML nach einem Element

Der gleiche Mechanismus erlaubt es, einen Block hinter einem gewünschten Element einzufügen.

Themes gezielt berücksichtigen

Die Funktion ergänzt vordefinierte Shopware-Positionen, wenn ein Projekt eigene Klassen oder Container verwendet.

Keine Änderungen an Theme-Dateien

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.

Vorschau-Modus für kontrollierte Änderungen

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.

01Code vorbereiten

Snippets im passenden globalen oder seitenspezifischen Feld hinterlegen.

02Testmodus aktivieren

Einen Vorschau-Parameter und Token für die kontrollierte Ausgabe konfigurieren.

03Seite prüfen

Die gewünschte Shopseite mit dem passenden Vorschau-Aufruf öffnen und Darstellung und Browserkonsole kontrollieren.

04Live freigeben

Erst nach erfolgreichem Test den Code für den normalen Besucherverkehr freischalten.

Vorschau ersetzt keine Testumgebung

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.

Verwaltung im Shopware-Admin

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.

PlattformShopware 6; vorhandene Beschreibung nennt Unterstützung für 6.6 und 6.7
CodeartenHTML, CSS, JavaScript und vollständiger Head-Code
GeltungsbereichGlobal, Startseite, Produktdetail, Kategorie/Listing, Warenkorb/Checkout
ZusatzpositionEigener CSS-Selector mit Einfügung vor oder nach dem gefundenen Element
VorschauKonfigurierbarer Testmodus mit Parameter und Token
AdministrationNormale Shopware-Plugin-Konfiguration ohne separates umfangreiches Admin-Modul
TechnikKeine Ä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.

Typische Aufgaben im Shopalltag

Das Plugin ist besonders hilfreich, wenn regelmäßig kleinere Anpassungen an unterschiedlichen Storefront-Bereichen anfallen.

  • Trust-Badges, Service- und Versandhinweise im Produktbereich
  • Eigene Banner und CTA-Flächen auf der Startseite
  • Gezielte CSS-Fixes für Smartphone- oder Desktopansichten
  • Eigene HTML-Blöcke vor oder nach dem Produktlisting
  • Verifizierungs- und Metatags oder JSON-LD im Dokument-Head
  • Kompakte JavaScript-Snippets und individuelle Interaktionen
  • Gezielte Hinweise im Warenkorb oder Checkout
  • Test neuer Code-Anpassungen über einen separaten Vorschau-Aufruf

Ein eigenes Plugin ist weiterhin vorzuziehen, wenn komplexe Geschäftslogik, dauerhafte Datenstrukturen, PHP-Dienste oder umfangreiche Integrationstests nötig sind.

Der Funktionsumfang im Überblick

Die Erweiterung verbindet die wichtigsten Stellen für eigenen Storefront-Code in einer zentralen, nachvollziehbaren Konfiguration.

  • Getrennte Eingabefelder für HTML, CSS, JavaScript und Head-Code
  • Globale Einbindung auf Storefront-Seiten
  • Eigene Codebereiche für Startseite und Produktdetails
  • HTML-Positionen nach Buybox sowie vor Tabs/Beschreibung
  • Ausgabe vor und nach Listings sowie in Kategorien
  • Separate Bereiche für Warenkorb und Checkout
  • HTML-Einfügung vor oder nach einem eigenen CSS-Selector
  • Optionaler Bezug auf ausgewählte Produkt-IDs
  • Testmodus mit Vorschau-Parameter und Token
  • Zentrale Aktivierung und Deaktivierung über den Admin
  • Keine Änderungen an Shopware-Core-Dateien

Häufige Fragen

Antworten auf die wichtigsten Fragen zur Einrichtung, Funktionsweise und Nutzung.

Kann ich HTML, CSS und JavaScript getrennt einfügen?

Ja. Die Plugin-Konfiguration bietet eigene Felder für die unterschiedlichen Codearten.

Kann Code auf jeder Shopseite erscheinen?

Ja. Es gibt globale Eingaben für Head-Code, HTML, CSS und JavaScript.

Kann ich Code auf einzelne Seitentypen begrenzen?

Ja. Es gibt Bereiche für Startseite, Produktdetails, Kategorien/Listing sowie Warenkorb und Checkout.

Wo erscheint HTML auf Produktseiten?

Vorgesehen sind unter anderem Positionen nach der Buybox und vor den Tabs beziehungsweise der Produktbeschreibung.

Kann ich Code nur bei bestimmten Produkten verwenden?

Die vorhandene Beschreibung nennt eine optionale Begrenzung auf bestimmte Produkt-IDs bei Produktseiten-Inhalten.

Wie füge ich HTML an einer besonderen Position ein?

Sie können einen eigenen CSS-Selector definieren und HTML vor oder nach dem ausgewählten Element einfügen lassen.

Muss ich dafür Dateien im Theme bearbeiten?

Nein. Die Pflege erfolgt über die Plugin-Konfiguration im Shopware-Admin.

Kann ich neuen Code vor der Veröffentlichung testen?

Ja. Der Testmodus begrenzt die Ausgabe auf Aufrufe mit dem passenden Vorschau-Parameter und Token.

Muss ich CSS mit einem style-Tag eingeben?

Nein. In den CSS-Feldern wird der reine CSS-Code ohne umschließendes -Tag erwartet.

Braucht JavaScript ein script-Tag?

In den dafür vorgesehenen JavaScript-Feldern wird der Code ohne umschließendes -Tag eingetragen.

Wie füge ich JSON-LD ein?

Für vollständige strukturierte Daten einschließlich Script-Tag steht der Head-Code-Bereich zur Verfügung.

Kann ich PHP-Code über das Plugin ausführen?

Nein. Der Custom Code Manager ist für Storefront-Code wie HTML, CSS, JavaScript und Head-Inhalte vorgesehen.

Prüft das Plugin meine Snippets automatisch?

Nein. Es verwaltet und platziert Code, übernimmt aber keine Garantie für dessen Sicherheit, Rechtskonformität oder technische Qualität.

Kann ich Snippets wieder entfernen?

Ja. Die entsprechenden Eingaben können zentral angepasst, deaktiviert oder gelöscht werden.

Ist das ein Ersatz für individuelle Plugin-Entwicklung?

Für kleine Storefront-Anpassungen oft ausreichend; umfangreiche Geschäftslogik oder serverseitige Funktionen benötigen eine passende eigene Entwicklung.

Funktioniert das mit Shopware 6.6 und 6.7?

Diese Versionen sind in der vorhandenen Produktbeschreibung genannt. Die konkrete Kompatibilität sollte passend zur verwendeten Plugin-Version geprüft werden.

Weniger Sucherei, mehr Kontrolle über Ihren Storefront-Code

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.

kicker::Borban Lizenz & Support title::Shopware 6 Erweiterung meta::Plugin meta::Aktiv gepflegt meta::Unterstützt: 6.7.x compatibility_title::Ihre Shopware-Version ist nicht aufgeführt? compatibility_note::Sprechen Sie uns an. Wir prüfen die technische Kompatibilität vorab und können das Plugin bei Bedarf individuell an Ihre Shopware-Version anpassen. usage::Flexible Plugin-Mietlizenz mit monatlicher oder jährlicher Abrechnung – abhängig von der gewählten Produktvariante. license_note::Die Standard-Mietlizenz gilt für einen Live-Shop bzw. ein Kundenprojekt. Test-, Entwicklungs- und Stagingumgebungen desselben Projekts sind eingeschlossen. Für Agenturen, Freelancer, Dienstleister, Kundeneinsätze, Mehrfachnutzung oder wiederholte Installationen ist eine separate Agentur- oder Mehrfachlizenz erforderlich. agency_modal_text::Die Standard-Mietlizenz ist auf ein Kundenprojekt ausgelegt. Für Agenturen, Freelancer und Dienstleister bieten wir separate Mehrfachlizenzen für Kundeneinsätze und wiederholte Installationen an. license::1 Live-Shop / 1 Kundenprojekt updates::Produkt-Updates während der aktiven Mietdauer inklusive support::Installations- & Lizenzsupport während der aktiven Mietdauer inklusive testsystems::Test-, Entwicklungs- und Stagingumgebungen desselben Projekts inklusive renewal::Automatische Verlängerung im gewählten Abrechnungsintervall benefit::Flexible Mietlizenz ohne hohe einmalige Anschaffungskosten. benefit::Vollständiger Funktionsumfang des jeweiligen Plugins während der aktiven Mietdauer. benefit::Produkt-Updates für Shopware-Kompatibilität, technische Verbesserungen und Weiterentwicklung inklusive. benefit::Entwickelt aus Händlerpraxis mit Fokus auf echte Anforderungen im laufenden Shopbetrieb. benefit::Support für Installation, Aktivierung und grundlegende Einrichtung enthalten. benefit::Test-, Entwicklungs- und Stagingumgebungen desselben Kundenprojekts sind in der Standard-Mietlizenz eingeschlossen. benefit::Klare Lizenzregelung für Händler, Agenturen, Freelancer und Dienstleister. benefit::Transparente Vertragslaufzeit und Abrechnung. benefit::Die bestehende Nutzung wird nach erfolgreicher Folgezahlung automatisch für den nächsten Abrechnungszeitraum verlängert. benefit::Die Mietlizenz kann zum Ende des laufenden, bereits bezahlten Abrechnungszeitraums beendet werden. license_conditions_title::Kurze Lizenzbedingungen license_condition::Mietlizenz: Die Mietlizenz berechtigt zur Nutzung des jeweiligen Plugins während der aktiven und vollständig bezahlten Vertragslaufzeit. license_condition::Je nach gewählter Produktvariante erfolgt die Abrechnung monatlich oder jährlich. license_condition::Die Mietlizenz verlängert sich automatisch um den jeweils gewählten Abrechnungszeitraum, sofern sie nicht fristgerecht beendet wird. license_condition::Eine Kündigung oder Beendigung wirkt zum Ende des laufenden, bereits bezahlten Abrechnungszeitraums. license_condition::Bis zum Ende des bezahlten Abrechnungszeitraums bleiben das Nutzungsrecht, Produkt-Updates und der Support bestehen. license_condition::Nach Beendigung, Ablauf oder dauerhafter Sperrung der Mietlizenz endet das Nutzungsrecht für das Plugin. license_condition::Bei einer fehlgeschlagenen Folgezahlung kann die Nutzung nach Ablauf einer gegebenenfalls eingeräumten Kulanzzeit gesperrt werden. license_condition::Die Standard-Mietlizenz gilt für einen Live-Shop bzw. ein Kundenprojekt. Test-, Entwicklungs- und Stagingumgebungen desselben Projekts sind eingeschlossen. license_condition::Die Lizenz ist nicht übertragbar und darf nicht weiterverkauft, vermietet oder unterlizenziert werden. license_condition::Für Agenturen, Freelancer, Dienstleister, Kundeneinsätze, Mehrfachnutzung oder wiederholte Installationen ist eine separate Agentur- oder Mehrfachlizenz erforderlich. license_url::https://license.borban.de/ license_button::Borban Lizenz- & Update-Center details_button::Lizenz & Leistungsumfang anzeigen agency_button::Agentur- & Mehrfachlizenz anfragen agency_url::/shopware-plugins/agentur-mehrfachlizenzen/

0 von 0 Bewertungen

Durchschnittliche Bewertung von 0 von 5 Sternen

Bewerten Sie dieses Produkt!

Teilen Sie Ihre Erfahrungen mit anderen Kunden.


Informationen nach Produktsicherheitsverordnung (GPSR)

Kontakt für Produktsicherheitsfragen / Hersteller

Borban Systems – Inh. Boris Banaszak
An der Lehmkuhl 7
47495 Rheinberg
Deutschland


E-Mail: kontakt@borban.de
Tel.: 02843 9595-305