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

# Cambiar de variante no actualiza los precios ni las opciones del widget

Agregaste un producto a una oferta y activaste el widget. Ahora, cuando cambias entre las variantes del producto (tallas, sabores, colores), los precios o las opciones de suscripción y de paquete del widget no cambian hasta que vuelves a cargar la página. Este artículo explica por qué ocurre y cómo lo solucionamos por ti.

### Índice

* [Por qué ocurre](#3-por-que-ocurre)
* [Qué te recomendamos](#3-que-te-recomendamos)
* [Explicación técnica](#3-explicacion-tecnica)
* [Preguntas frecuentes](#3-preguntas-frecuentes)

### ¿Por qué ocurre?

Para que el widget siga los cambios de variante, tu tema tiene que avisar a las apps cuando un cliente elige otra variante. La mayoría de los temas lo hacen. Algunos temas personalizados, antiguos o muy modificados no lo hacen, así que el widget nunca se entera del cambio. Otra app también puede interferir, sobre todo otra app de suscripciones o una app que sustituye el selector de variantes del tema.

No es algo que tengas que corregir en tu configuración. Es un problema de compatibilidad con el tema, y nuestro equipo lo soluciona por nuestra parte para tu tema, normalmente sin ningún cambio en el código de tu tema.

### Qué te recomendamos

| Escríbenos por el chat en vivo. Nuestro equipo agregará compatibilidad con tu tema.

Para ayudarnos a solucionarlo rápido, envíanos:

1. Un enlace a una página de producto donde ocurra. El producto debe estar en una oferta Publicada.
2. El widget debe estar activado en tu tienda (consulta [Cómo activar el widget de suscripción en la tienda online](https://supr-bundles-and-subscriptions.crisp.help/es/article/how-to-enable-the-subscription-widget-in-the-online-store-1w202ef/)).
3. Si tu tienda online está protegida con contraseña, la contraseña de la tienda ([cómo encontrarla](https://supr-bundles-and-subscriptions.crisp.help/es/article/how-to-share-your-online-store-password-with-support-1f70v09/)).

También puedes escribir a [support@subscriptions.super-simple.co](mailto:support@subscriptions.super-simple.co), pero el chat en vivo es la forma más rápida de contactarnos.

### Explicación técnica

Si eres desarrollador o tienes uno en tu equipo, aquí se explica qué escucha el widget.

Cuando el widget se carga en la página de producto, escucha un evento `change` en el campo de variante del formulario del carrito, que es uno de estos dos elementos:

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

También escucha los eventos `variant:selected` y `variant:update` que los temas más recientes (como Horizon) emiten desde su elemento `variant-picker`.

El motivo más habitual por el que el widget no se actualiza es que el tema cambia el valor del campo de variante por código sin emitir un evento `change`. Emitirlo después de cambiar el valor lo soluciona: `variantInputElement.dispatchEvent(new Event("change", { bubbles: true }))`.

Para actualizar el widget tú mismo, llama a esta función, disponible en el objeto window de tu tienda online:

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

El parámetro `event` es opcional. Pásalo solo cuando el widget no pueda obtener por sí mismo el ID de la nueva variante.

### Preguntas frecuentes

**El precio del widget solo se actualiza después de recargar la página. ¿Por qué?**
Tu tema no avisa a las apps de que la variante cambió. Envíanos el enlace del producto por el chat en vivo y agregaremos compatibilidad con tu tema.

**El precio del widget es distinto del precio del carrito. ¿Qué hago?**
Envíanos el enlace del producto y la variante que elegiste. Si el widget no detectó un cambio de variante, puede mostrar el precio de la variante anterior. Lo revisaremos y lo solucionaremos para tu tema.

**¿Tengo que cambiar el código de mi tema?**
No. En la mayoría de los casos lo solucionamos por nuestra parte. La explicación técnica de arriba es solo para comerciantes que tienen su propio desarrollador.

**Solo ocurre desde que instalé otra app. ¿Tiene relación?**
Es posible. Las apps que sustituyen el selector de variantes, u otras apps de suscripciones, pueden impedir que el widget vea el cambio. Cuando nos contactes, dinos qué apps tienes instaladas.