An international version is available for our store.
Shopware 6 Shopware 5
⌘ Ctrl
Merkzettel
PremSoft

Custom JavaScript/CSS Manager für Shopware 6

von PremSoft
Empfehlung
Bewertung: 4.9
(41 Bewertungen)
Downloads: 9.592
Bildergalerie überspringen
DneCustomCssJs
DneCustomCssJs
DneCustomCssJs
DneCustomCssJs
Fügt dem Backend einen Container Manager für JavaScript/SCSS hinzu. Schnell und einfach eigenes CSS und JavaScript schreiben und in den Storefront kompilieren.
16.7% Rabatt Im Vergleich zum regulären Monatspreis
In den Warenkorb
Kompatibel mit:
6.1.0-RC1 - 6.7.1.0
Inklusive:
Das Abonnement beginnt mit einem kostenlosen Probemonat, in dem das Abonnement jederzeit gekündigt werden kann.
Während des Abonnements sind alle veröffentlichten Updates kostenlos enthalten.
Falls du Fragen oder Probleme mit der Erweiterung hast, kannst du während des Abonnements jederzeit den Extension Partner um Hilfe bitten.

Beschreibung

Features

  • Code-Editor mit Syntax-Highlighting für JavaScript und SCSS
  • Verwaltung und Strukturierung von Code-Snippets über separate Container
  • Kompilierung des Themes mitsamt Custom CSS/JavaScript per Click im Admin

Über die Erweiterung

Fügt dem Backend einen Container Manager für eigenes JavaScript/CSS/SCSS hinzu.

Das Plugin bietet die folgenden Features:

  • Anlegen von beliebig vielen Containern, die JavaScript und/oder CSS/SCSS enthalten
  • SCSS Variablen und Mixins aus Themes und Plugins können verwendet werden
  • Custom CSS und JavaScript werden in die Kompilierung des Themes injiziert. Dadurch entstehen keine Konflikte bei Abhängigkeiten von bspw jQuery und es gibt keine zusätzlichen Ressourcen Requests.

Nach der Installation finden Sie einen zusätzlichen Menüpunkt "Custom CSS/JS" unter "Einstellungen" in der Sidebar der Administration.

Wenn Sie das HTML der Templates Ihres Shops verändern oder erweitern wollen, sehen Sie bitte das Plugin Custom Template Manager

Details

  • Verfügbar in: Englisch, Deutsch
  • Zuletzt aktualisiert: 16. Juli 2025
  • Veröffentlicht: 20. Februar 2020
  • Version: 5.0.1
  • Kategorie: Sonderfunktionen

Ressourcen

Bewertungen (41)

Durchschnittliche Bewertung
4.9
Basiert auf 41 Bewertungen
5.0 Funktionalität
5.0 Bedienung
4.8 Dokumentation
2.1 Support
95 %
5 %
0 %
0 %
0 %
Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben
Sehr hilfreich (leider nicht mehr kostenlos)
5.0
von Ben Roe
17. Januar 2025 13:19
Ein Plugin was sehr nützlich ist und ich nicht mehr missen möchte.
Vielen Dank an den Entwickler.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Sehr gutes Tool- Hilft täglich
5.0
von https://www.functional-cosmetics.com/
23. Dezember 2024 15:01
Auch vielen Dank dem Support. Schnell, persönlich und unkompliziert.
5.0 Funktionalität
5.0 Bedienung
4.0 Dokumentation
5.0 Support
funktioniert sehr gut danke
5.0
von Markus Siwek
15. September 2024 09:16
funktioniert sehr gut danke
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Great Support
5.0
von Samyra Fashion
14. August 2024 10:43
Very useful plugin and furthermore fast and great support if any problems occur.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Funktioniert gut,
5.0
von Der neue Louven-Shop (LIVE) Shopware
13. August 2024 14:26
...zusammen mit den anderen Plugins von Premsoft eine perfekte Sache, um schnell Templates zu entwickeln und anzupassen. Der Hersteller reagiert sehr schnell auf Anfragen.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Super Plugin
5.0
von Arend Goens
28. Juli 2024 18:00
Mit wenig Aufwand ganz viel erreichen. Das geht mit diesem Plugin. Kleiner Wunsch - wurde erfüllt :): Ein Kommentarfeld für jeden Block, um dort die Funktion genauer zu notieren. Ginge auch im Code, wäre aber ganz nett.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Sehr praktisch ! Und läuft.
5.0
von Gero Pappert
29. Mai 2024 11:31
Ein kleiner Hinweis:
nach einem Shopware-Update hat sich die Variable zum Asset-Pfad geändert (von $asset zu $sw-asset-public-url). Ab diesem Moment konnte kein Template mehr kompiliert werden (bzw. Plugin deaktiviert werden). Die Fehlermeldung meldete: "$asset-Variable nicht definiert". Die Ursache war ein CustomCSS Eintrag, welche diese Variable verwendet. Für die Fehlersuche wäre der PluginName und der Name des fehlerhaften Custom-Eintrages in der Fehlermeldung hilfreich gewesen. Vielleicht läßt sich das ergänzen.
Unabhängig davon lässt sich mit diesem Modul fast alles erreichen !
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
0.0 Support
Very good plugin by a very helpful developer, adding an extremely useful function
5.0
von Sebastian Eltermann
22. Mai 2024 16:18
Sorry for any confusion now, seems like the review was edited instead of sending a new one. Still a bit confused as to how the review system works.
My initial review was to mention few "flaws", that the plugin misses an easy way of delaying the execution of script code, or that it can be restricted to a certain page. And especially that I couldn't get an external script loaded with script-tags like used to.

Just wanted to leave a very big thank you for the response and help, it's more than I had hoped for. And it helps me enormously. Especially since I'm not very good with JS.

Like your suggestion with constricting code to certain Shopware pages. I already had that idea, but had problems coding it correctly. And hoped there would be a better solution, maybe even a future feature.

The thing with including an external script really stressed me out as that's the only way I can use to change a website in certain ways, as I have no direct access to the server files for some projects but have to manipulate a lot pages. But it just didn't work with the common script-tag-method. And I didn't know about your way, or rather, only managed to code part of it which didn't work.

I had to use the delay solution before, but found it too dirty, as it meant you were able to see UI-changes sometimes or if the page needed too much time to load they weren't even applied. And I just couldn't get the other solution with waiting for the DOM working by myself.

Finally, with your help, I got everything to work like a charm. I combined your solutions of waiting for the DOM and how to include an external script (and changed it a bit). So thank you very much, without you I would have needed ages or never got it.

I have a small suggestion for a future feature in your plugin: It would be very helpful, if those solutions would be included in the plugin. You know, just a button which pastes those dummy lines into the text field and a small tooltip explaining it. Because I can imagine those being common issues for people having to include JS that way. The need to delay the script, the need to include an external script, and assigning it to certain pages.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
von PremSoft 22. Mai 2024 18:55
You can use the body classes to restrict execution of scripts or application of style rules to a certain page. E.g. on the product detail page only:
JS: `if (document.body.classList.contains('is-ctl-product')) { console.log('hello world'); }`
SCSS: `.is-ctl-product { .some-child-class { background: blue; } }`

As for inserting external scripts, this tool is not a markup editor. You can insert script tags to external sources via JavaScript dynamically:
`var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://example.com/path/to/your/script.js'; document.head.appendChild(script);`

As for delaying scripts there are multiple ways. A general delay:
`setTimeout(() => { console.log("Delayed for 1 second."); }, 1000);`
Or waiting for the DOM content to be loaded:
`document.addEventListener("DOMContentLoaded", () => { console.log("DOM fully loaded and parsed"); });`

There multiple more ways to achieve what you want to do for each of these problems. This plugin is more like a development tool, rather than being streamlined to do just one or another thing.
Gutes Tool
5.0
von Yannick Schneider
18. Mai 2024 12:39
An sich ein sehr gutes und hilfreiches Tool. Hat keinerlei Probleme!
Es wär noch schön, wenn es eine Möglichkeit gibt, bestimmte Container auf Erlebnisseiten einzuschränken.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Danke
5.0
von Alexander Lembert
13. April 2024 16:28
...war das hilfreichste überhaupt!
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support

Über den Extension Partner

PremSoft

PremSoft

Alle Erweiterungen anzeigen

Partner Status

  • Shopware Bronze Partner Shopware
    Bronze Partner
  • Shopware Premium Extension Partner Shopware
    Premium Extension Partner

Details

  • Ø-Bewertung: 5
  • Partner seit: 2015
  • Erweiterungen: 31

Support

  • Land: Germany
  • Spricht: Deutsch, Englisch
  • Reaktionszeit: Sehr schnell