Moving the paypal button to INSIDE the .woocommerce-checkout-payment div

  • Resolved aaronbennett2097

    (@aaronbennett2097)


    2 years, 8 months ago

    This plugin seems to be the ONLY plugin that places it’s button outside of the .woocommerce-checkout-payment div.

    Am desperate to find a way to place it inside this div to restore the layout of my checkout.

    If anyone has any ideal how to do this it’d be really appreciated.

    Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Syde Niklas

    (@niklasinpsyde)

    Hi @aaronbennett2097,

    The previous PayPal Checkout plugin had the same button placement.
    But PayPal Payments provides render hooks that can be used to modify the button placement: https://github.com/woocommerce/woocommerce-paypal-payments/wiki/Actions-and-Filters#change-button-placement-via-render-hooks
    I’m not sure that’s good enough to get it inside the payment methods div though.

    The only plugin I’m aware of that displays the PayPal smart buttons within that div is the “PayPal Complete Payments” intgration. All others I’ve tested so far replaced the “Place order” button at the original position.
    We will look into whether or not it would be possible to provide such an option.

    Kind regards,
    Niklas

    Thread Starter aaronbennett2097

    (@aaronbennett2097)

    Hi Niklas.

    The woocommerce_review_order_after_submit hook worked perfectly!!

    Thanks for your help!
    Aaron

    Plugin Support Syde Niklas

    (@niklasinpsyde)

    Hi @aaronbennett2097,

    Thanks for the feedback. Maybe there has also been a compatibility problem with the theme or a site builder as the buttons should usually be hooked in that general area either way. Wherever the “Place order” button is, that’s where the buttons should be hooked by default. The metioned hook doesn’t make a big difference with the Storefront theme, but I’m glad to hear if it resolves the issue you encountered.

    There are plans to improve the compatibility with site builders as there have been some issues with the default button positioning here and there, but these render hooks we provided are a solid workaround until this has been addressed properly.

    We will still look into whether or not this would make sense to add directly to the plugin. For any further questions or suggestions don’t hesitate to let us know.
    Thanks!

    Kind regards,
    Niklas

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Moving the paypal button to INSIDE the .woocommerce-checkout-payment div’ is closed to new replies.