If this is happening to you or your customers are reporting similar issues, you can apply a customization to manually remove the store logic that would lock the scrolling on your store pages.
Accessing Custom HTML Settings
To begin customizing the CSS for your UpCart, follow these steps:
Open the UpCart App within your dashboard.
Navigate to the Cart Editor.
Click on Settings and scroll to the bottom of the page until you find the section labeled "Custom HTML".
HTML
Be sure to choose an HTML location where you'd like the changes in UpCart to appear. For this example, we'll select the "Above Announcements/Rewards" section.
<script>
window.upcartOnCartOpened = () => {
var elementLockingThePage = document.querySelector('body');
if (elementLockingThePage != null)
{
elementLockingThePage.setAttribute('style', 'overflow-Y:hidden !important');
}
}
window.upcartOnCartClosed= () => {
var elementLockingThePage = document.querySelector('body');
if (elementLockingThePage != null)
{
elementLockingThePage.setAttribute('style', 'overflow-Y:scroll !important');
}
}
</script>
This is how your custom HTML settings should look like in UpCart:
Explanation
To display UpCart, we visually hide other cart drawer elements on the storefront—such as the native cart drawer.
However, this can sometimes cause conflicts if your store’s theme includes logic that requires customer interaction with the native cart drawer. As a result, even after UpCart closes, the theme may still consider the cart session incomplete, leading to a locked or unresponsive store page (e.g., the customer can’t scroll up or down).
Need Help or Further Troubleshooting?
If you're still experiencing issues after applying the fix, it’s possible that the correct selectors haven't been identified for your specific theme. Our live support team is here to help—don’t hesitate to reach out for assistance!