Woo commerce payments buttons order

  • Resolved lfrfilms

    (@lfrfilms)


    2 months ago

    Hello there,

    I spent ages yesterday to try to align buttons correctly, I’ve seen many forums showing this problem and releasing a hook code for functions.php.

    I tried most of the things but nothing works. What I would like to do in the first place is having the PayPal buttons below the “Add to Cart” button and not next to it.

    Also I would love to have the variable sizes of the products to be above all the payment option buttons, therefore having all the payment buttons below the price (PayPal pay later and klarna).

    I hope you can come with a useful tip or css code or option that I didn’t see or try yet.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Krystian from Syde

    (@inpsydekrystian)

    Hello @lfrfilms

    We can certainly try to help with some CSS, but currently, your shop doesn’t have any product pages, so I can’t test anything directly. It would be easier if you could share the URL of a test product page.

    Regarding the hooks for placing the smart buttons, it’s well documented on our GitHub page here: https://github.com/woocommerce/woocommerce-paypal-payments/wiki/Actions-and-Filters#smart-button-customizations

    In your case, this hook should work:

    add_filter('woocommerce_paypal_payments_single_product_renderer_hook', function() {
    return 'woocommerce_after_add_to_cart_button';
});

    As for CSS, the options with PayPal Payments smart buttons are somewhat limited. You can find an example shared here: https://gist.github.com/Sirvijver/15b34321375994a37bfb346a7c1418e2

    Let me know if you need further assistance!

    Kind Regards,

    Krystian

    Thread Starter lfrfilms

    (@lfrfilms)

    mmm…in which sense has no product page? The link of the page attached named “metro out of the BVG building” is a product page (downloadable item).

    Plugin Support Krystian from Syde

    (@inpsydekrystian)

    Hello @lfrfilms

    Please take a look at my screenshot.

    I’m not seeing any buttons, including the smart buttons. Here’s the link: https://drive.google.com/uc?id=1_OXCwHxs6x1NKcp3FdBIb6Dlq5pO-YvQ

    I’m looking forward to your reponse.

    Kind regards,
    Krystian

    Thread Starter lfrfilms

    (@lfrfilms)

    oh yeah, you’re right, because the whole website is not ready to be launched, I will launch the shop only for you to double check, let me know when you’re done so I can activate the safe (maintenance) mode again.

    Plugin Support Krystian from Syde

    (@inpsydekrystian)

    Hello @lfrfilms

    Thank you for your message.

    I tried injecting some CSS on your site, but it appears that the button on the product and cart pages is actually provided by a different plugin, not the PayPal Payments plugin we support.

    https://drive.google.com/uc?id=1gvC22dQWRdcdybz64gNMwxwoEisUT6V6

    I would not recommend using two different PayPal plugins on one site, as it can cause conflicts. Instead, I suggest choosing one plugin to handle the PayPal buttons. If you decide to enable the button from our PayPal Payments plugin, the CSS modifications should work as expected. However, it seems that the buttons from our plugin are currently disabled.

    Once you’ve made your decision and enabled the appropriate plugin, feel free to reach out if you need further assistance.

    Kind Regards,
    Krystian

    Thread Starter lfrfilms

    (@lfrfilms)

    Oh I see the issue, I didn’t even know I had more than one for PayPal, as soon as I will reach home I will make sure to remove the culprit and keeping for PayPal your plugin only. I’m sorry for the inconvenience.
    I’m going to write back once I’ll check for it from my laptop.

    Thanks so far!

    Thread Starter lfrfilms

    (@lfrfilms)

    It’s pretty odd but whenever I install the plugin and I try to go on the setting page it keeps loading the tab with no success opening it. What could the problem be?

    Plugin Support Krystian from Syde

    (@inpsydekrystian)

    Hello @lfrfilms

    This issue is most likely caused by a conflict. I recommend disabling all plugins and setting the theme to Storefront. Then, check if the problem persists. If it doesn’t, re-enable the other plugins one by one, each time checking the settings page to identify which one is causing the issue.

    Let us know how it goes!

    Kind Regards,

    Krystian

    Plugin Support Krystian from Syde

    (@inpsydekrystian)

    Hello @lfrfilms

    Since we have not received any further communication from you, we are assuming that your issue has been resolved.

    Therefore, we mark this thread as resolved. If you still have any questions or if a new problem arises, don’t hesitate to open a new thread.

    Kind regards,
    Krystian

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.