> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://supr-bundles-and-subscriptions.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Een productvariant wijzigen werkt de prijzen en opties in de widget niet bij

Je hebt een product aan een aanbieding toegevoegd en de widget ingeschakeld. Als je nu wisselt tussen de varianten van het product (maten, smaken, kleuren), veranderen de prijzen of de abonnements- en bundelkeuzes in de widget pas nadat je de pagina opnieuw hebt geladen. Dit artikel legt uit waarom dat gebeurt en hoe wij het voor je oplossen.

### Inhoudsopgave

* [Waarom gebeurt dit](#3-waarom-gebeurt-dit)
* [Aanbevolen aanpak](#3-aanbevolen-aanpak)
* [Technische uitleg](#3-technische-uitleg)
* [Veelgestelde vragen](#3-veelgestelde-vragen)

### Waarom gebeurt dit?

Om variantwijzigingen te volgen, moet je thema apps laten weten wanneer een klant een nieuwe variant kiest. De meeste thema's doen dat. Sommige eigen, oudere of sterk aangepaste thema's niet, waardoor de widget de wijziging nooit hoort. Ook een andere app kan in de weg zitten, meestal een andere abonnementsapp of een app die de variantkiezer van het thema vervangt.

Dit is niet iets wat je in je instellingen hoeft op te lossen. Het is een compatibiliteitsprobleem met het thema, en ons team lost het aan onze kant voor je thema op, meestal zonder dat je themacode hoeft te wijzigen.

### Aanbevolen aanpak

| Neem contact met ons op via de livechat. Ons team voegt ondersteuning voor je thema toe.

Om ons te helpen het snel op te lossen, stuur ons:

1. Een link naar een productpagina waar het gebeurt. Het product moet in een gepubliceerde aanbieding zitten.
2. De widget moet in je winkel zijn ingeschakeld (zie [De abonnementswidget inschakelen in de online winkel](https://supr-bundles-and-subscriptions.crisp.help/nl/article/how-to-enable-the-subscription-widget-in-the-online-store-cnd7pr/)).
3. Is je webwinkel met een wachtwoord beveiligd, het wachtwoord van je winkel ([zo vind je het](https://supr-bundles-and-subscriptions.crisp.help/nl/article/how-to-share-your-online-store-password-with-support-10fh7uk/)).

Je kunt ook mailen naar [support@subscriptions.super-simple.co](mailto:support@subscriptions.super-simple.co), maar de livechat is de snelste manier om ons te bereiken.

### Technische uitleg

Ben je ontwikkelaar of heb je er een in je team, dan legt dit uit waarnaar de widget luistert.

Als de widget op de productpagina laadt, luistert hij naar een `change`-gebeurtenis op het variantinvoerveld van het winkelwagenformulier, een van deze twee elementen:

* `form[action$="/cart/add"] input[name="id"]` of
* `form[action$="/cart/add"] select[name="id"]`

Hij luistert ook naar de gebeurtenissen `variant:selected` en `variant:update` die nieuwere thema's (zoals Horizon) vanuit hun element `variant-picker` versturen.

De meest voorkomende reden dat de widget niet wordt bijgewerkt, is dat het thema de waarde van het variantinvoerveld in code wijzigt zonder een `change`-gebeurtenis te sturen. Die sturen nadat de waarde is gewijzigd, lost het op: `variantInputElement.dispatchEvent(new Event("change", { bubbles: true }))`.

Om de widget zelf te vernieuwen roep je deze functie aan, die beschikbaar is op het window-object in je webwinkel:

`$superSubscriptions.triggerProductVariantRefresh(event?: Event)`

De parameter `event` is optioneel. Geef hem alleen mee als de widget de nieuwe variant-ID niet zelf kan oppikken.

### Veelgestelde vragen

**De prijs in de widget wordt pas bijgewerkt nadat ik de pagina vernieuw. Waarom?**
Je thema laat apps niet weten dat de variant is gewijzigd. Stuur ons de link naar het product via de livechat en wij voegen ondersteuning voor je thema toe.

**De prijs in de widget wijkt af van de prijs in de winkelwagen. Wat moet ik doen?**
Stuur ons de link naar het product en de variant die je hebt gekozen. Heeft de widget een variantwijziging gemist, dan kan hij de prijs van de vorige variant tonen. Wij controleren het en lossen het voor je thema op.

**Moet ik mijn themacode wijzigen?**
Nee. In de meeste gevallen lossen wij het aan onze kant op. De technische uitleg hierboven is alleen voor verkopers die een eigen ontwikkelaar hebben.

**Het gebeurt pas sinds ik een andere app heb geïnstalleerd. Hangt dat samen?**
Mogelijk. Apps die de variantkiezer vervangen, of andere abonnementsapps, kunnen voorkomen dat de widget de wijziging ziet. Vertel ons welke apps je hebt geïnstalleerd als je contact met ons opneemt.