In order to display the express payment buttons and keep their functionality in UpCart, we overlay the express payment buttons that Shopify provides over SVG logos of their payment methods. The reason why we choose to do this is to keep the application future proof, as Shopify might roll out a future change to express payments that we would like to account for.
Unfortunately, Shopify has specific rules about having only one set of the express payment buttons exist at a time on your store. This means that if you happen to have another widget where the express payments are located, for example on the product page, the button cannot exist there and also be overlaid in UpCart at the same time.
Common Problems & Resolutions:
You happen to have store theme code that is rendering an additional set of express payment buttons
What we often find is that the store theme code will render an additional set of express payment buttons, usually either in the
theme.liquidordrawer.liquidfiles:
As mentioned previously, if there is more than one set of express payment buttons, Shopify does not allow these buttons to exist in more than one place at a time in your store. Therefore, Shopify prioritizes rendering the express payment buttons at the location specified in your store theme code versus in UpCart. In order to fix the problem, we recommend removing this code snippet as it is not necessary as UpCart will handle the express payment logic moving forward.
The express payment buttons are rendered on a different part of your store (such as in the store customization)
Some store themes have options to render the express payment buttons, such as in the native store cart drawer. We suggest turning these options off as Shopify will prioritize rendering the express payment buttons there instead of inside UpCart.
The store has CSS that is preventing interaction with the Shopify express payment buttons
Some store themes have the express payment buttons hidden by default or there is intentional CSS added by the store theme developer to prevent customers from interacting with these buttons. Here is a live store example that we found where the buttons were set to
display: none:
In these scenarios, we suggest reaching out to your store theme developer first as there might be a reason as to why the store theme does not support traditional express payment methods.
Need Help?
As always, we are here to help. If you need further clarification or assistance with other features in UpCart, please do not hesitate to contact us.