The Cart page should always include the Checkout button, but there are also optional, additional buttons for specific payment forms, such as PayPal or Apple Pay. Similar to dynamic checkout buttons, customers can streamline their transactions by preselecting their preferred payment method.
These platform-controlled features include the PayPal Express Checkout button and other branded checkout buttons.
If these are not needed for your store, follow our guide to remove the additional checkout buttons from the cart page and checkout.
Are these controlled by the theme or platform?
The theme only provides a location for these buttons. The buttons are produced by the Shopify platform and can be activated by configuring your Payment Providers settings.
Display the PayPal Express Checkout button
This button will appear on the Cart page when PayPal is set up as an accepted payment provider in the Payment Provider settings.
Shopify: Set up PayPal on your storefront
Other branded checkout buttons
Apart from the PayPal button, customers will be presented with other options for payment providers. Which payment forms appear depending on the browser the customer is viewing the storefront with. For instance, if Sita is using Google Chrome, G Pay will appear. If Thom is using Safari, Apple Pay will appear.
If a particular payment form is not appearing, confirm that the payment form is set up in the Payment Providers settings and the internet browser being used is capable of displaying the desired payment type.
Remove the additional checkout buttons from the cart page and checkout
Naturally, the clear approach for removing the additional checkout buttons would be to remove the corresponding payment provider. However, it may be the case that the payment providers are still needed as payment types, but the buttons are conflicting with added apps or customizations. If this is the case with your store, consider completing this modification.
- Activate dynamic checkout buttons in the theme editor
- Save
- Select Theme actions, then Edit code
- Open your CSS file (theme.css.liquid)
- Place this code at the bottom of the CSS file:
/* hide additional checkout buttons */
.additional-checkout-buttons{display:none;}
/* end */