> ## 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).

# Mudar a variante do produto não atualiza os preços e as opções do widget

Você adicionou um produto a uma oferta e ativou o widget. Agora, quando você alterna entre as variantes do produto (tamanhos, sabores, cores), os preços ou as opções de assinatura e de kit no widget não mudam até você recarregar a página. Este artigo explica por que isso acontece e como corrigimos para você.

### Índice

* [Por que isso acontece](#3-por-que-isso-acontece)
* [Abordagem recomendada](#3-abordagem-recomendada)
* [Explicação técnica](#3-explicacao-tecnica)
* [Perguntas frequentes](#3-perguntas-frequentes)

### Por que isso acontece?

Para o widget acompanhar as mudanças de variante, o seu tema precisa avisar os apps quando um cliente escolhe uma nova variante. A maioria dos temas faz isso. Alguns temas personalizados, antigos ou muito modificados não fazem, então o widget nunca fica sabendo da mudança. Outro app também pode atrapalhar, na maioria das vezes outro app de assinatura ou um app que substitui o seletor de variantes do tema.

Isso não é algo que você precise corrigir nas suas configurações. É um problema de compatibilidade com o tema, e a nossa equipe o corrige do nosso lado para o seu tema, geralmente sem nenhuma mudança no código do tema.

### Abordagem recomendada

| Fale com a gente pelo chat. A nossa equipe vai adicionar suporte ao seu tema.

Para nos ajudar a corrigir rapidamente, envie:

1. Um link para uma página de produto em que isso acontece. O produto precisa estar em uma oferta Publicada.
2. O widget precisa estar ativado na sua loja (veja [How to Enable the Subscription Widget in the Online Store](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/how-to-enable-the-subscription-widget-in-the-online-store-1lpw08p/)).
3. Se a sua loja virtual é protegida por senha, a senha da loja ([como encontrá-la](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/how-to-share-your-online-store-password-with-support-13gqmu3/)).

Você também pode enviar um e-mail para [support@subscriptions.super-simple.co](mailto:support@subscriptions.super-simple.co), mas o chat é a forma mais rápida de falar com a gente.

### Explicação técnica

Se você é desenvolvedor ou tem um na sua equipe, isto explica o que o widget escuta.

Quando o widget carrega na página de produto, ele escuta um evento `change` no campo de variante do formulário do carrinho, que é um destes dois elementos:

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

Ele também escuta os eventos `variant:selected` e `variant:update` que os temas mais novos (como o Horizon) disparam a partir do elemento `variant-picker`.

O motivo mais comum de o widget não atualizar é o tema alterar o valor do campo de variante no código sem disparar um evento `change`. Disparar o evento depois que o valor muda resolve: `variantInputElement.dispatchEvent(new Event("change", { bubbles: true }))`.

Para atualizar o widget você mesmo, chame esta função, disponível no objeto window da sua loja virtual:

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

O parâmetro `event` é opcional. Passe-o apenas quando o widget não consegue obter sozinho o ID da nova variante.

### Perguntas frequentes

**O preço do widget só atualiza depois que eu atualizo a página. Por quê?**
O seu tema não avisa os apps de que a variante mudou. Envie o link do produto pelo chat e vamos adicionar suporte ao seu tema.

**O preço no widget é diferente do preço no carrinho. O que devo fazer?**
Envie o link do produto e a variante que você escolheu. Se o widget não percebeu uma mudança de variante, ele pode mostrar o preço da variante anterior. Vamos conferir e corrigir para o seu tema.

**Preciso mudar o código do meu tema?**
Não. Na maioria dos casos, corrigimos do nosso lado. A explicação técnica acima é só para lojistas que têm o próprio desenvolvedor.

**Isso acontece só depois que instalei outro app. Está relacionado?**
Possivelmente. Apps que substituem o seletor de variantes, ou outros apps de assinatura, podem impedir o widget de ver a mudança. Diga quais apps você instalou quando falar com a gente.