Suppress Hide PayPal Express Checkout Buttons in Screen Branding

Suppress PayPal Checkout Buttons from the View Cart Page using JavaScript.

 

> 1) I would like to remove the PayPal button from the checkout page
>
> 2) I would also like to remove the PayPal button from the Shipping
> Options page

Both of these steps are accomplished by placing a small snippet of javascript into your screen branding.

To do this click on Main Menu -> Configuration -> Screen Branding -> [Edit] -> Screens -> View Cart [Edit]. Paste the following snippet into the bottom of the footer:

Hide Express Checkout Button:

Suppressing Express Checkout Button
<script type="text/javascript">
if (document.getElementById('ucOrUse1Span')) {
document.getElementById('ucOrUse1Span').innerHTML = '';
}
if (document.getElementById('ucPayPalExpressCheckoutSpan')) {
document.getElementById('ucPayPalExpressCheckoutSpan').innerHTML = '';
}
if (document.getElementById('ucPayPalCheckoutSection')) {
document.getElementById('ucPayPalCheckoutSection').innerHTML = '';
}
</script>


Repeat the same process for the shipping address page. This javascript has been designed so that it can appear on all pages of your branding without causing any problems or errors. So if you have the same branding throughout your site you can simply add this to the view cart page and click the checkboxes on the right to apply it to all the other pages.

To Hide Bill Me Later / Express Checkout from View Cart Screen

Navigate:
Main Menu -> Configuration -> ("Checkout" section) Payments > ("PayPal" section) -> "Advanced options" (hyperlink)

  • Hide Bill Me Later (checkbox)
  • Hide Express Checkout (checkbox)




 

To Hide the Express Checkout buttons and Bill Me Later:

Suppress Both Buttons
<script type="text/javascript">
if (document.getElementById('ucOrUse1Span')) {
  document.getElementById('ucOrUse1Span').innerHTML = '';
}
if (document.getElementById('ucPayPalExpressCheckoutSpan')) {
  document.getElementById('ucPayPalExpressCheckoutSpan').innerHTML = '';
}
if (document.getElementById('ucPayPalCheckoutSection')) {
  document.getElementById('ucPayPalCheckoutSection').innerHTML = '';
}
if (document.getElementById('ucPayPalBmlSpan')) {
  1document.getElementById('ucPayPalBmlSpan').innerHTML = '';
}
</script>

 

Alternative method using CSS

Example CSS

<style>
#ucPayPalCheckoutSection {display:none !important;}
</style>