Overview
Some merchants' common issue is their theme’s cart opening behind Upcart. This can manifest in two ways:
Visible Cart Issue: The theme's cart visibly appears in the background behind Upcart.
Non-visible Cart Issue: Customers may report having to tap or click twice for actions to work. This might be caused by the theme cart still opening in the background.
This guide will walk you through the steps to resolve visible and non-visible cart opening issues. These cart-related conflicts often stem from broader theme compatibility issues, particularly when using custom or outdated Shopify themes. Properly updating and configuring your theme settings can optimize Upcart’s performance and eliminate conflicts.
Fixing the Visible Cart Issue
If the theme’s cart is opening behind Upcart and is visible in the background, follow these steps:
Set the Cart to "Page" in Theme Settings Access your Shopify theme settings and switch the cart type to “Page” instead of “Drawer” or “Popup”.
Log in to your Shopify Admin account and navigate to
Online Store>Themes>Customize>Settings>Cart.Note: Some themes may label this as "Cart Page."
Turn Off the Ajax Setting in Upcart Go to your Upcart settings and turn off the Ajax functionality. Upcart -> Settings -> Advanced -> Enhanced Ajax API compatibility
(Image highlighting the Ajax setting in Upcart) Setting the cart to "Page" ensures that the native theme functionality does not interfere with Upcart's operation.
These two steps should stop your theme's cart from appearing in the background behind Upcart.
Fixing the Non-visible Cart Issue
If the cart is not visible but you’re experiencing functionality problems like tapping or clicking twice, the theme’s cart is likely still opening behind Upcart. Here’s how to fix it:
Turn Off the Ajax Setting in Upcart
Go to your Upcart settings and disable the Ajax setting. (Refer to above)If the Issue Persists
If turning off Ajax doesn’t resolve the issue, try the same steps recommended for the visible cart issue:Set your cart to “Page” in your Shopify theme settings.
Turn off the Ajax functionality in Upcart (if not already done).
Need Further Assistance?
If you're still encountering issues after following these steps, please don't hesitate to reach out to our support team. We're here to help!
Additional Theme Compatibility Solutions
Updating Custom or Outdated Themes
If you’re using a custom or outdated theme, there may be compatibility challenges. Here's how to address them:
Update Your Theme:
Create a duplicate of your current theme to serve as a backup.
Update the duplicated theme and activate Upcart to check for compatibility.
Seek Professional Assistance:
For themes with significant customizations, consult the theme provider or a Shopify expert for adjustments to ensure Upcart compatibility. Customizations may require specialized coding expertise.
Using Standard Shopify Themes
Consider switching to one of Shopify's standard themes, such as Dawn, which tend to work seamlessly with Upcart. Reach out to the theme provider if express checkout or other advanced features require configuration.