Wie kann ich eigenes CSS und Javascript einbinden?

Hallo alle zusammen,

ich vermisse eine unkomplizierte Lösung, um mal schnell eigenes CSS und Javascript einbinden zu können - ohne dafür gleich ein Plugin schreiben zu müssen.

In den Theme-Einstellungen könnte man doch einfach ein Eingabefeld / Textarea für eigenes CSS erstellen. Ist so was bereits geplant bzw. kommt es mit der nächsten Version?

Ansonsten würde ich im Issuetracker mal ein Ticket erstellen.

Auch ein Eingabefeld für eigenes Javascript, am besten noch mit der Möglichkeit, die entsprechenden Controller anzugeben, bei denen das JS geladen werden soll, wäre super cool. So könnte man sich mit wenigen Zeilen Javascript die Programmierung von Plugins sparen, welchen nur der Datenausgabe dienen - z.B. zur Einbindung von externen Daten.

Hallo,

In Theme Plugin unter /custom/plugins/dein_Plugin/src/Resources/app/storefront/src/scss kannst du die scss Datei erstellen.

JS kannst du unter /src/Resources/app/storefront/dist/storefront/js/ 

und unter /custom/plugins/dein_Plugin/src/Resources/theme.json -->

"style": [
        "@Storefront",
        "app/storefront/src/scss/base.scss",
		"app/storefront/src/scss/custom.scss",
        "app/storefront/src/scss/component/_cms-block.scss"
    ],
    "script": [
        "@Storefront",
        "app/storefront/dist/storefront/js/custom.js"

 

2 Likes

einfacher:

https://store.shopware.com/detail/index/sArticle/517498

3 Likes

Hallo,

danke für den Hinweis.
Da ich mit HTML und CSS bisher wenig am Hut hatte habe ich noch ein, zwei Fragen dazu.

Kann ich über dieses Plugin auch meine Email formattieren?
Wie binde ich dies ein? So wie ich gelesen habe muss ich was im Style eingeben, aber was?

Oder wie macht Ihr das mit Euren Email Templates?

Vielen Dank und Gruss
Markus