PayPal Payment Buttons Are Not Working on Custom Single Product Layout

Hello,
We are using WooCommerce PayPal Payments plugin as payment processor on our Woocommerce site. We are having trouble with the plugin and we think most probably it is a theme conflict. We have tested with a default WordPress theme and it works fine.

The problem we are having is- the PayPal payment buttons are not visible in a custom single product layout we have created. See here: https://www.brandgelic.com/name/arrowwai/

But the buttons are visible on the default product page: https://www.brandgelic.com/name/drew/

Another problem is- it is supposed to show two buttons – Pay with PayPal and Pay Later. Works fine on desktop but the Pay Later button is not visible from Tablet or Mobile. This one is a sitewide issue, not just single product page.

The browser console suggests that Quirks mode is causing the issue. Can you take a look on this please?
Thanks

Hello,

Thank you so much for purchasing our theme and contacting our support center.

It looks like the plugin adds its custom button on the single product page using the standard WooCommerce hook. When you create a custom layout with Elementor it doesn’t contain any default elements and hooks. It contains only those elements that you added with Elementor manually.

We have a special “Hook” element in Elementor that you can place to your custom layout and then the plugin will be able to add its custom content there. But we don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.

Kind Regards
XTemos Studio

Thanks. The hook is ‘woocommerce_single_product_summary’.

Great, we are glad that you sorted it out!

Feel free to contact us if you have any further questions.

[Author]

Posts