PayPal Buttons Missing

Hi @g3g3

Can you tell us which button locations do not appear to work on your site after the 2.1.0 update?
Does this affect only the single product and Checkout buttons? As far as I can tell, only the Checkout buttons are enabled now.

Update 2.1.0 was supposed to improve the out-of-the-box compatibility with page builders like Elementor Pro by adding a filter that users normally had to add to their site manually: https://github.com/woocommerce/woocommerce-paypal-payments/pull/1254/files

It’s possible this behavior may be related to the filter, but we would first need to know on which pages you expect the buttons to load.

Thanks!

Kind regards,
Niklas

Hi @g3g3

Thanks for clarifying.

Could you please check if the buttons still remain visible on the Checkout page for you when you add this filter to the functions.php file of your child theme (while using version 2.0.5)?

add_filter('woocommerce_paypal_payments_checkout_button_renderer_hook', function() {
    return 'woocommerce_review_order_after_submit';
});

This is essentially the same filter that version 2.1.0 implements by default when the Elementor Pro plugin is enabled.
This should help us rule out whether this change is related to the problem you were facing.

But the buttons could also not appear for other reasons like caching or JS minification. However, it doesn’t look like the PayPal scripts are cached/modified on your site.

Please let us know how this filter works for you while on version 2.0.5. Thank you!

Kind regards,
Niklas

Hi @g3g3

Thanks for giving it a try.

Hm, this hook was working in all our tests with the Elemntor Pro plugin. But I think the problem is that your theme may not support this hook. Your checkout area does not appear to be built using Elementor, so it likely also doesn’t provide the same hooks that Elementor specifically supports.
But the compatibility layer only checks if the Elementor Pro plugin is active to apply the filter. It cannot check if the checkout page was actually built using Elementor.

Could you please check if the problem also persists when you use the previously provided filter and the Storefront theme? Normally that should work.

In any case, while the compatibility layer with Elementor cannot be directly disabled, you can simply add this filter to your theme:

add_filter('woocommerce_paypal_payments_checkout_button_renderer_hook', function() { return 'woocommerce_review_order_after_payment'; });

This implements the default render hook used by the plugin on the Checkout page and will override the one set in the compatibility layer. You can also try different hooks listed e.g. from here.

Please let us know how this works for you. Thanks!

Kind regards,
Niklas

Thank you for testing, @g3g3! Your feedback is much appreciated. It looks like the attempt to improve the overall compatibility with certain page builders may have introduced new potential edge case problems with certain themes. It isn’t easy to satisfy all use cases out of the box, but we will check how the page builder compatibility could be narrowed down a bit to improve compatibility further.

If you encounter any problems regarding the button display location, these render hooks often help you find the right placement for your needs.

If any other questions come up, don’t hesitate to reach out!

Kind regards,
Niklas