This document explains why the discount module may not appear on your storefront and provides guidance on how to resolve the issue.
Reason 1) Legacy Cart Token
Explanation
The most frequent cause for the discount module not displaying is related to the use of an outdated legacy cart token style by the Shopify store. UpCart requires a newer format of Shopify cart token to function properly. Older versions of cart tokens lack the necessary compatibility. The discount module is automatically hidden by UpCart for stores with legacy cart tokens since the module would not work properly.
How to identify
To check if your store uses an outdated cart token:
Add an item to your cart with UpCart enabled.
Insert the following JavaScript code into your browser's console and press Enter/Return.
Change the quantity of an item in your cart.
window.upcartModifyCart = (cart) => {
if (!cart.token) {
alert('No cart token found');
return;
}
const isLegacyCartToken = cart.token.match(/^[0-9a-f]{32}$/) !== null;
alert("Is this a legacy cart token? " + (isLegacyCartToken ? "Yes" : "No"));
return cart;
}
How to solve
Should you discover that your store is operating with a legacy cart token, it's necessary to contact Shopify support and/or your theme developer for guidance on updating your cart system to ensure compatibility with UpCart. Link to Shopify Cart Update Information.
Reason 2) Theme or App Conflict
Explanation
CSS or JavaScript code from your theme or another app may accidentally hide the UpCart discount module.
How to identify
Inspect your theme settings, theme code, and any custom CSS for rules that could be affecting the discount module's visibility. Specifically, look for any display: none;, visibility: hidden;, or opacity: 0; properties that might conceal the module.
How to solve
Contact the theme developer or app developer to let them know to adjust their code to ensure compatibility with other apps.