Skip to main content

Descripción general

Si la página de tu tienda deja de poder desplazarse después de cerrar Upcart, probablemente se deba a la lógica de tu tema que bloquea el desplazamiento de la página cuando un cajón de carrito está abierto. Además, Upcart ahora ofrece configuraciones integradas para abordar estos problemas, como anular la lógica de bloqueo de desplazamiento existente. Puedes solucionarlo usando las configuraciones integradas de Upcart o agregando una pequeña personalización para eliminar el comportamiento de bloqueo de desplazamiento.
Cómo solucionarlo

Usar las soluciones integradas

En la mayoría de los casos, las opciones integradas en la configuración de Upcart pueden resolver los problemas de desplazamiento sin requerir código personalizado.
  1. Habilita “Override existing scroll locking logic”:
    • Abre el Cart Editor en la configuración de Upcart.
    • Ve a SettingsCart settings y luego expande Advanced Settings.
    • Habilita Override existing scroll locking logic. Su descripción cubre exactamente este caso: un tema o app de terceros que deja la página con el desplazamiento bloqueado después de que el carrito se cierra.
    No existe una configuración de desplazamiento separada para móvil o para superposiciones — esta única casilla cubre ambos casos.
Sigue estos pasos para aplicar una personalización que restaure el desplazamiento de la página después de que el carrito se cierre.

Acceder a la configuración de Custom HTML

  1. Abre la app Upcart desde tu panel de Shopify.
  2. Ve al Cart Editor.
  3. Abre Settings y selecciona la pestaña Custom HTML. Settings es una fila de pestañas — si no ves Custom HTML, está detrás de More settings.

Agregar el código

  1. Para casos avanzados o específicos donde las soluciones integradas no resuelven el problema, puedes aplicar código HTML personalizado en Upcart. Elige dónde aplicar el código HTML en Upcart. Para esta solución, selecciona la sección Above Announcements/Rewards.
  2. Agrega el siguiente fragmento de código:
Nota sobre versiones anteriores: Los callbacks window.upcartOnCartOpened y window.upcartOnCartClosed todavía funcionan, pero están obsoletos y registran advertencias en la consola. Usa upcartSubscribeCartOpened y upcartSubscribeCartClosed para todos los scripts nuevos.
  1. Guarda tus cambios.
  2. Actualiza tu tienda y prueba cerrando el carrito para confirmar que el desplazamiento se restauró.

Por qué sucede esto

Cuando Upcart se abre, oculta el cajón de carrito nativo de tu tienda y ocupa su espacio visual. Sin embargo, algunos temas incluyen código que bloquea el desplazamiento de la página cuando un cajón está activo. Después de que Upcart se cierra, ese bloqueo puede permanecer, impidiendo que la página se desplace. En dispositivos móviles, pueden ocurrir problemas adicionales, como superposiciones persistentes o la página que deja de responder a los clics. Estos problemas suelen estar relacionados con comportamientos de bloqueo de desplazamiento específicos de móvil o superposiciones sin restablecer. El script anterior restaura el comportamiento normal de desplazamiento al restablecer manualmente la propiedad overflow de la página cuando el carrito se abre o se cierra.
¿Necesitas ayuda o más solución de problemas?

Pasos adicionales antes de contactar a soporte

  1. Asegúrate de que Override existing scroll locking logic esté habilitado.
  2. Verifica si algún código personalizado o scripts de terceros podrían interferir.
Si sigues experimentando problemas de desplazamiento después de aplicar la solución, es posible que tu tema use un selector diferente o una lógica de desplazamiento personalizada. Contacta al soporte de Upcart para obtener ayuda identificando el selector correcto, o comunícate con el desarrollador de tu tema para que te ayude a ajustar la configuración de desplazamiento de tu tema.