Payment form nuked on cart page

Hi @sami770

This isn’t a bug in the plugin, it’s the result of how WooCommerce has coded the cart block. When a payment button is clicked, WooCommerce wraps the express buttons in a loading mask, which unfortunately covers the inline card form rendered by PayPal. The new blocks are much more limited in what we can customize so we recommend not using the card button on the cart block for this reason.

Kind Regards

“The new blocks are much more limited in what we can customize so we recommend not using the card button on the cart block for this reason“

So how come that the black credit card button works just fine on the checkout page?

Your suggesstion is not an option for me, because many people don’t use paypal and their only option is to pay with visa/mastercard. Also, some people that DOES have paypal still prefer to pay with regular credit card. Removing the black credit card button means less sales.

Ideally I prefer to solve this issue, so that the credit card button will work on both the cart and the checkout page. But if there is no solution, would it be possible to remove the payment box entirely from the cart page and keep it on the checkout page only?

So how come that the black credit card button works just fine on the checkout page?

Because the cart and checkout block are entirely different sets of code and have been written to have different behavior.

?Removing the black credit card button means less sales.

My suggestions was to remove the card button on the cart page only, not site wide. You could also use the cart shortcode instead, rather than the cart block.

would it be possible to remove the payment box entirely from the cart page and keep it on the checkout page only

Yes, on the PayPal Settings page of the plugin you will see the option to disable/enable the different pages where the payment buttons render.

“Because the cart and checkout block are entirely different sets of code and have been written to have different behavior.”
Thank you, understood.

“My suggestions was to remove the card button on the cart page only, not site wide. You could also use the cart shortcode instead, rather than the cart block.”
Could you explain how to implement the cart short code in the cart page? what is the exact short code and how to insert it to the page?
Also, in case I would like to use the yellow Paypal button only, without the black creditcard button (in the cart page), how do i do that? i could not find such option in the plugin settings.

Thanks a lot!

• This reply was modified 10 months ago by sami770.

Could you explain how to implement the cart short code in the cart page??

https://woocommerce.com/document/woocommerce-shortcodes/#woocommerce-shortcodes

i could not find such option in the plugin settings.

On the PayPal Settings page of the plugin, there is an option to enable/disable the card button on different pages. The option is called Credit Card Payment Sections

Kind Regards