JavaScript Funktion starten nach Variantenwechsel

Shopware 6 (German) Programmierung
,
1

Hallo,

ich möchte nach dem der Kunde auf der Produkt Detailseite die Variante gewechselt hat ein Javascript starten.
Auf welches Event müsste ich zugreifen, damit ich die entsprechende Javascript Funktion starten kann?

Die Funktion aktualisiert dann einen Chart, beim Laden der Seite ist das kein Problem, nun sollten auch nach dem Wechsel der Variation auch die aktuellen Werte im Chart angezeigt werden.

bisher verwende ich folgenden Funktionsaufruf:

document.addEventListener(‚DOMContentLoaded‘, function () {
… bla blub
}

Vielen Dank
Torsten

2

DOMContentLoaded wird auch beim einfachen Variantenwechsel getriggert.
Wird im Konfigurator eine Option geändert, kannst du auf updateBuyWidget subscriben, was in Resources/app/storefront/src/plugin/variant-switch/variant-switch.plugin.js Zeile 96 hinzugefügt wird.

document.querySelectorAll('*[data-variant-switch]').forEach(($el) => {
    $el.addEventListener('updateBuyWidget', (e) => {
        // update chart
    });
})

(ungetestet)

3

Bissl Off-topic:

Gibt es irgendwo eine Liste existierender Javascript Events, an die man subscriben kann?

4

Wüsste ich nicht. Such in Resources/app/storefront/src/plugin/ nach $emitter.publish, dann hast du alle. Die Namen sind ja meist selbsterklärend.

5

Hi, herzlichen Dank für deine Hilfe.
Der Lösungsansatz ist gut. Werde mich da mal ran machen.
Viele Grüße
Torsten