# JavaScript Funktion starten nach Variantenwechsel

**URL:** https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499
**Category:** Programmierung
**Tags:** general, programming
**Created:** [29. April 2023 um 09:58 UTC](https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499 "2023-04-29T09:58:31Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![akkuline](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@akkuline](https://forum.shopware.com/u/akkuline)
#### Post date: [29. April 2023 um 09:58 UTC](https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499/1 "2023-04-29T09:58:31Z")

</div>

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

---

<div class="post-metadata">

### Author: ![AlexGalax](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/alexgalax/32/9925_2.png) [@AlexGalax](https://forum.shopware.com/u/AlexGalax)
#### Post date: [3. Mai 2023 um 07:44 UTC](https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499/2 "2023-05-03T07:44:40Z")

</div>

`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.

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

```

(ungetestet)

---

<div class="post-metadata">

### Author: ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)
#### Post date: [3. Mai 2023 um 09:41 UTC](https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499/3 "2023-05-03T09:41:38Z")

</div>

Bissl Off-topic:

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

---

<div class="post-metadata">

### Author: ![AlexGalax](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/alexgalax/32/9925_2.png) [@AlexGalax](https://forum.shopware.com/u/AlexGalax)
#### Post date: [3. Mai 2023 um 10:37 UTC](https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499/4 "2023-05-03T10:37:04Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![akkuline](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@akkuline](https://forum.shopware.com/u/akkuline)
#### Post date: [4. Mai 2023 um 07:51 UTC](https://forum.shopware.com/t/javascript-funktion-starten-nach-variantenwechsel/99499/5 "2023-05-04T07:51:56Z")

</div>

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