Überschreiben einer JS Datei

Shopware 6 (German)
1

Hey,

ich würde gerne in der add-to-cart.plugin.js Datei eine Funktion überschreiben, doch leider funktioniert das ganze noch nicht richtig.

Wenn ich mich an die [Shopware Doku] (https://developer.shopware.com/docs/guides/plugins/plugins/storefront/override-existing-javascript)
halte, wird bei meinem Shop kein Styling geladen.

Meine custom-add-to-cart.plugin.js Datei sieht folgendermaßen aus:

import AddToCartPlugin
    from "../../../../../../../../../../vendor/shopware/storefront/Resources/app/storefront/src/plugin/add-to-cart/add-to-cart.plugin";

export default class CustomAddToCartPlugin extends AddToCartPlugin {
    init() {
        console.log('Test');
        super.init();
    }
}

Meine main.js:

import CustomAddToCartPlugin from "./plugin/custom-add-to-cart/custom-add-to-cart.plugin";

window.PluginManager.override('AddToCart', CustomAddToCartPlugin, '[data-add-to-cart]');

if (module.hot) {
    module.hot.accept();
}

Ziel ist später die _formSubmit() Funktion zu überschreiben.

Hat jemand eine Idee, warum dem Shop das Styling fehlt?

Vielen Dank
Jay_dg

2

Hey,

habe mittlerweile den Fehler gefunden.
Im Shop wurde mein Plugin als Theme hinterlegt, obwohl es kein Theme ist.
Somit konnte natürlich auch kein Styling geladen werden.
(Leider habe ich keine Ahnung, wie das passieren konnte)

Sprich ich habe im Backend das richtige Theme ausgewählt, und dann hat meine Anpassung als Plugin funktioniert.

Als Theme hätte es auch funktioniert, wenn ich eine entsprechende theme.json habe und in meiner Klassen.php die Klasse um implements ThemeInterface erweiter.

VG
Jay_dg