> ## Documentation Index > Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt > Use this file to discover all available pages before exploring further. # La cantidad/contador del icono del carrito no se actualiza > Este artículo describe cómo corregir la cantidad del icono de tu carrito cuando no se actualiza en Upcart.
# Resumen
Algunos temas no actualizan el icono automáticamente y esta guía te mostrará cómo corregirlo usando un poco de código personalizado. Sigue los pasos a continuación para que todo se sincronice correctamente. **Aquí tienes un ejemplo de cómo se ve esta discrepancia:** Carrito deslizante de Upcart mostrando Cart 2 mientras la burbuja del icono de carrito del tema todavía muestra 1 ***
# ¡Pasos importantes antes de comenzar!
Para corregir el problema del icono del carrito, necesitarás identificar el nombre de clase de tu icono de carrito. Cada tema es diferente, y este paso garantiza que el código funcione específicamente para tu tienda.
### **1. Usa las Chrome Developer Tools**
Cada tema es diferente, así que necesitarás usar las Chrome Developer Tools (Inspect) para identificar el nombre de clase de tu icono de carrito. * Haz clic derecho en el icono de carrito en tu tienda y selecciona **Inspect** en Google Chrome. * Encuentra el elemento HTML de tu icono de carrito (por ejemplo, **``**). * **¿Necesitas ayuda con las Chrome Developer Tools?** Consulta [esta guía](https://developer.chrome.com/docs/devtools/overview/) para instrucciones paso a paso.
### **2. Pide ayuda (opcional)**
Si no puedes localizar la clase de tu icono de carrito o te sientes atascado, ¡no te preocupes! Tienes opciones: * **Contacta al desarrollador de tu tema:** ellos conocen tu tema mejor que nadie y pueden ayudarte a encontrar la clase correcta. * **Contrata a un Shopify Expert:** si necesitas soporte adicional, Shopify tiene un directorio de expertos de confianza que pueden ayudarte. [Encuentra un Shopify Expert aquí](https://experts.shopify.com/).
## 🚧 **Aviso sobre código personalizado**
El código de ejemplo que se proporciona a continuación es solo una plantilla, **no funcionará si lo copias y pegas directamente**. Debes reemplazar el nombre de clase de ejemplo (p. ej., **`.cart-count-bubble > span`**) con el nombre de clase específico de tu icono de carrito. ***
# Corrección paso a paso
Hemos dividido este proceso en tres niveles de correcciones, comenzando por la solución más simple (Nivel 1). Cada nivel se basa en el anterior: prueba primero el Nivel 1 y pasa al Nivel 2 o 3 solo si es necesario.
## **Paso 1: Añade código personalizado en Upcart**
Primero, como necesitaremos añadir algo de código HTML personalizado en el editor de Upcart, preparemos esa sección: 1. Ve a **Upcart Editor > Settings** y abre la pestaña **Custom HTML** (detrás de **More settings** si no cabe en la fila de pestañas). 2. Establece la ubicación como **Scripts (Before Load)**. 3. Pega aquí tu código editado (a continuación te daremos ejemplos para cada nivel). Así es como se ve: Configuración de Custom HTML de Upcart con la ubicación del HTML establecida en Scripts Before Load ***
# **Paso 2: Aplica la corrección según el nivel**
## Nivel 1 (Básico)
Cuando el carrito se carga, este script suma las cantidades de las líneas de artículos del carrito y las escribe en el elemento de conteo dentro de la burbuja del carrito de tu tema. Se ajusta a temas donde el conteo se encuentra en un elemento anidado simple (por ejemplo, `.cart-count-bubble > span`). **No olvides** * Reemplazar **`.cart-count-bubble > span`** con la clase de tu icono de carrito. * Probarlo en tu tienda después de añadir el código. Pegando el script de conteo del Nivel 1 en el Custom HTML de Upcart usando el selector cart-count-bubble
## Código de ejemplo para el Nivel 1
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}} ``` **Nota sobre versiones antiguas:** los callbacks de `window.upcartOnCartLoaded` siguen funcionando pero están obsoletos y registran advertencias en la consola. Usa `upcartSubscribeCartLoaded` para todos los scripts nuevos. Ten en cuenta que `event.cart` no tiene una propiedad `item_count`; usa `event.cart.items.reduce((total, item) => total + item.quantity, 0)` para calcular el conteo total de artículos. ***
## Nivel 2 (Intermedio)
Si el Nivel 1 no funcionó, es posible que tu tema reemplace todo el HTML del icono del carrito cuando cambia el conteo. Esta versión reconstruye el marcado del icono para los estados de carrito vacío y no vacío, de modo que el conteo y el icono se mantengan sincronizados. **No olvides** * Reemplazar **`#cart-icon-bubble-custom`** con el selector del contenedor del icono de carrito de tu tema. * Probarlo después de guardar. Pegando el script del icono del carrito del Nivel 2 en el Custom HTML de Upcart usando el selector cart-icon-bubble-custom
### Código de ejemplo para el Nivel 2
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}} ``` **Nota sobre versiones antiguas:** los callbacks de `window.upcartOnCartLoaded` siguen funcionando pero están obsoletos y registran advertencias en la consola. Usa `upcartSubscribeCartLoaded` para todos los scripts nuevos. Ten en cuenta que `event.cart` **no** tiene una propiedad `item_count`: los scripts anteriores calculan el total con `event.cart.items.reduce((total, item) => total + item.quantity, 0)` y lo pasan como `itemCount`. Las copias antiguas de estos fragmentos que interpolan `cart.item_count` lanzan un `ReferenceError` y nunca actualizan el icono de forma silenciosa. ***
## Nivel 3 (Avanzado)
Si tu tema usa un marcado de icono de carrito **separado** para escritorio y móvil, ejecuta la misma lógica de actualización con dos selectores para que cada viewport reciba el HTML y el conteo correctos. **No olvides** * Reemplazar **`#cart-icon-bubble-custom-desktop`** y **`#cart-icon-bubble-custom-mobile`** con las clases de tu tema. * Probar exhaustivamente en las vistas de escritorio y móvil. Pegando el script del Nivel 3 en el Custom HTML de Upcart con selectores separados de icono de carrito para escritorio y móvil
### Código de ejemplo para el Nivel 3
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}} ``` **Nota sobre versiones antiguas:** los callbacks de `window.upcartOnCartLoaded` siguen funcionando pero están obsoletos y registran advertencias en la consola. Usa `upcartSubscribeCartLoaded` para todos los scripts nuevos. Ten en cuenta que `event.cart` **no** tiene una propiedad `item_count`: los scripts anteriores calculan el total con `event.cart.items.reduce((total, item) => total + item.quantity, 0)` y lo pasan como `itemCount`. Las copias antiguas de estos fragmentos que interpolan `cart.item_count` lanzan un `ReferenceError` y nunca actualizan el icono de forma silenciosa. ***
# ¿Todavía no funciona?
Si ninguno de estos niveles resuelve el problema, no te preocupes, ¡todavía tienes opciones! Esto probablemente significa que tu tema requiere una personalización más avanzada. **Esto es lo que puedes hacer a continuación:** * Contacta al desarrollador de tu tema para pedir ayuda. * Contrata a un [Shopify Expert](https://www.shopify.com/partners/directory) que pueda crear una solución personalizada para tu tienda.