¿Qué estás experimentando?
- Upcart se abre brevemente y luego redirige a la página del carrito
- Los clientes son llevados directamente a la página del carrito en lugar de ver Upcart
- Aparecen dos carritos al mismo tiempo (Upcart y el carrito del tema)
- Upcart no se abre en absoluto
- Upcart no estar completamente habilitado
- La configuración del carrito del tema en conflicto con Upcart
- La configuración de Enhanced AJAX API Compatibility
- Apps de terceros que anulan el comportamiento del carrito
- Cajones de carrito del tema en conflicto con Upcart
Paso 1: Asegúrate de que Upcart esté completamente activo
1. Asegúrate de que el carrito esté activado
- Abre Upcart
- Ve a Manage all carts
- Confirma que el carrito esté publicado
2. Habilita el app embed
- Ve a Shopify Admin > Online Store > Themes > Customize
- Abre App Embeds
- Activa Upcart ON
- Guarda
Problemas 1 y 2: Upcart redirige a la página del carrito
- Ve a Upcart > Cart Editor > Settings > Cart settings
- Ubica “Go to cart page when pressing checkout button”
- Desactiva esta opción (OFF)
- Guarda y prueba
2. Verifica Enhanced AJAX API Compatibility
- Desactivada (recomendada para la mayoría de las tiendas) - Upcart intercepta las llamadas de Add to Cart y evita las redirecciones
- Activada - Upcart deja de interceptar las llamadas de Add to Cart, permitiendo que otras apps controlen el comportamiento del carrito, incluidas las redirecciones
upcartRegisterAddToCart) en su lugar.
Para una guía completa, consulta Enhanced AJAX API Compatibility.
3. Cambia el tipo de carrito del tema a “Page”
- Ve a Shopify Admin > Online Store > Themes
- Haz clic en Customize
- Abre Theme Settings > Cart
- Cambia Cart Type a Page
- Guarda y prueba
Si tu tema no incluye una configuración de “Cart Type” (o equivalente), contacta al desarrollador de tu tema para ubicar o agregar la opción correcta. Upcart no puede modificar la configuración del tema directamente.
4. Desactiva las configuraciones de redirección del carrito del tema
- Ve a Shopify Admin > Online Store > Themes > Customize
- Abre Theme Settings > Products (o Cart)
- Busca configuraciones como:
- Enable cart redirection
- Redirect to cart after add
- Go to cart after add
- Desactívalas (OFF), guarda y prueba
5. Verifica si hay conflictos con otras apps
- Redirect to cart
- Go to cart after add
- Automatically open cart page
- Action after product is added
- Globo Product Options - Desactiva “Redirect to the shopping cart page after adding a product”
- Zepto Product Personalizer - Ve a Zepto > Settings > Add to Cart Settings y cambia “Action after a product is added to the cart” a “Stay on the product page and show a success message”
- PageFly - Desactiva cualquier regla de redirección del carrito en la configuración de PageFly
- Replo - Ajusta las configuraciones de “go to page” para permitir que el cajón del carrito se abra
Problema 4: Upcart no se abre en absoluto
Desactiva el cajón de carrito nativo del tema
- Ve a Shopify Admin > Online Store > Themes > Customize
- Abre Theme Settings > Cart
- Establece el tipo de carrito en Page
- Guarda
- Abre tu tienda en Google Chrome
- Haz clic derecho en el botón de Add to Cart o en el icono del carrito
- Haz clic en Inspect
- En el código resaltado, busca algo como:
icon-cart). No copies class= ni las comillas.
Paso 2: Agrégalo en Upcart
Debes agregar un punto (.) antes del nombre de la clase al ingresarlo en Upcart. Por ejemplo: .icon-cart
- Abre Upcart
- Ve a Cart Editor > Settings > Cart settings y luego expande Advanced Settings
- Encuentra el grupo de selectores que necesitas:
- Open cart button selector — para el icono del carrito
- Add to cart button selector — para el botón de agregar al carrito
- En el menú desplegable Options de ese grupo, elige Add additional selector (mantiene la detección propia de Upcart y agrega la tuya) o Use custom selector (solo la tuya). El campo Custom selector permanece deshabilitado mientras esté seleccionado Use default selector.
- Pega
.icon-carten Custom selector y guarda
Solución de problemas adicional
Alterna Shadow DOM (ON/OFF)
- Ve a Upcart > Cart Editor > Settings > Cart settings y luego expande Advanced Settings
- Ubica Render cart in shadow DOM
- Actívala (ON), guarda y prueba
- Desactívala (OFF), guarda y prueba de nuevo
Alterna la configuración de AJAX (ON/OFF)
- Ve a Upcart > Cart Editor > Settings > Cart settings y luego expande Advanced Settings
- Ubica Enhanced Ajax API compatibility
- Actívala (ON), guarda y prueba
- Desactívala (OFF), guarda y prueba de nuevo
Borra la caché del navegador
- Abre la configuración del navegador
- Ve a Privacy & Security
- Selecciona Clear Browsing Data
- Borra las imágenes, los archivos y las cookies en caché
- Actualiza y prueba
Prueba con un tema predeterminado de Shopify
- Ve a Shopify Admin > Online Store > Themes
- Agrega un tema gratuito como Dawn
- Habilítalo temporalmente
- Prueba Upcart
Desactiva las apps una por una
- Ve a Shopify Admin > Apps
- Desactiva una app relacionada con el carrito a la vez
- Prueba después de cada una
Revisa la consola del navegador en busca de errores
- Abre tu tienda
- Presiona F12 (o haz clic derecho > Inspect)
- Abre la pestaña Console
- Agrega un producto al carrito
- Busca errores, especialmente cualquier cosa relacionada con add.js o eventos del carrito
- Toma capturas de pantalla de cualquier error para compartirlas con soporte
Cuándo contactar a soporte
- Nombre y versión del tema
- Lista de apps relacionadas con el carrito instaladas
- Capturas de pantalla de los errores de la consola
- Pasos que ya has intentado