Neu Javascript nach Ajax (in den Warenkorb) aufrufen, wie?

[fibergirl]

Hallo,

ich möchte ein Javascript aus einer Produktliste (z.B. Kategorieseite) aufrufen, und zwar genau dann, wenn ein Artikel per Button erfolgreich in den Warenkorb gelegt wurde.

Wenn ich das richtig sehe, kommt die Anforderung per Ajax.
Über IOMethods->pushToBasket() gelangt der Artikel dann in den Warenkorb.

Und nun möchte ich, immer noch auf derselben Seite, eine Javascript-Funktion aufrufen.
Vielleicht gibt es einen passenden Hook (evtl. HOOK_WARENKORB_CLASS_FUEGEEIN?) aber wie kann ich von dort aus eine Javascript aufrufen?
Oder geht das ganz anders?
Der Shop schafft das auch irgendwie, mit dem "Artikel in den Warenkorb gelegt"-Popup, aber ich steige durch diesen Mechanismus bisher überhaupt nicht durch ...
Und ich möchte auch ungern das zum NOVA gehörende js umschreiben, wenn es sich vermeiden lässt.

Kann mich bitte jemand in die richtige Richtung schubsen?

Vielen lieben Dank & Gruß,
fibergirl

 

[FPrüfer]

Hallo fibergirl,
die IO-Requests triggern template-eigene JS-Events - load.io.request (vor dem Ausführen) und loaded.io.request (nach dem Ausführen). Du kannst ja mal ein bissel damit rumspielen:

$(document).bind('evo:loaded.io.request', function(data, status) {
    console.log(data, status);
});

Anmerkung: Nicht wundern, aus Kompatibilitätsgründen heißt der Präfix auch fürs NOVA 'evo'.

 

[fibergirl]

Hallo @FPrüfer,

ganz vielen Dank, das hat mir sehr weitergeholfen!

Jetzt habe ich aber noch eine Frage.

Dieses Skript von 2016:

(function($) {
    $.evo.myBasket = function() {
        var basket = $.evo.basket();

        basket.pushedToBasket = function(response) {
            // do nothing
        };

        return basket;
    };

    $('*[data-toggle="basket-add"]').off('submit');
    $('*[data-toggle="basket-add"]').on('submit', function(event) {
        event.preventDefault();
        $.evo.myBasket().addToBasket($(this));
    });
})(jQuery);

greift im JTL- Shop 5 bei NOVA nicht mehr.

Wie müsste es denn jetzt gehen, das große "Die ausgewählten Artikel wurden Ihrem Warenkorb hinzugefügt" Modal-Popup in der Produktliste zu unterbinden?

Nochmals vielen Dank,
fibergirl

 

[FPrüfer]

Hi, hier kann man z.B. das Basket-Objekt manipulieren und die pushedToBasket-Methode überschreiben, die dann einfach nichts macht.

(function($) {
    const newBasket = Object.create($.evo.basket());
    newBasket.pushedToBasket = function(response) {
        console.log('New basket pushedToBasket...');
        // do nothing
    }

    $.evo.basket = function() {
        return newBasket;
    };
})(jQuery);