PayPal Buttons appear at the top of single product page.

  • Resolved yorkshirepet

    (@yorkshirepet)


    2 years, 5 months ago

    Hi – Please can you help.

    The Paypal buttons go to top of single product page and I cant find anyway to get them back inline under the add to cart module.

    The problem fixes itself when i set the Divi Page settings back to default (instead of ‘build from scratch’) however this means that I cannot make changes to the single product page leaving me with The standard out of the box layout provided by woocommerce.

    Any help would be massively appreciated.

    Thanks

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

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

    (@niklasinpsyde)

    2 years, 5 months ago

    Hi @yorkshirepet,

    There is currently an issue with certain site builders that can cause the buttons to be hooked incorrectly. But you can add a filter to your child theme to reposition the button on the single product page:
    https://gist.github.com/InpsydeNiklas/202837609318f9c0e827c382787147b0
    This can be used as a workaround until the issue was addressed.

    Kind regards,
    Niklas

    Thread Starter yorkshirepet

    (@yorkshirepet)

    2 years, 5 months ago

    Unsure how to add a filter to a child theme Niklas – can the code you supplied be entered into the additional css tab?

    I use Divi and thought this would be 100% compatible with woocommerce & paypal

    Plugin Support Syde Niklas

    (@niklasinpsyde)

    2 years, 5 months ago

    There is no problem with Divi itself but with how our plugin hooks the buttons on the pages when a site builder like Elementor or the Divi Theme builder is used. This works differently than previous PayPal integrations, but we will resolve this issue with one of our upcoming updates. The behavior can be entirely negated with the filter though, so it is currently not a high priority for us.

    This issue can’t be fixed with custom CSS though.
    The snippet must be added to the functions.php of the theme or alternatively as a code snippet.

    You can place the code in your main theme. But when the theme updates, then the code would be removed. Also, there is more risk in doing something unintended when editing the original theme files. That’s why a child theme is the recommended approach:
    https://www.elegantthemes.com/blog/divi-resources/divi-child-theme
    There are also plugins that allow you to easily generate a child theme, or add snippets like the one above without modifying your theme at all: https://wordpress.org/plugins/code-snippets/
    But the child theme approach is still our recommendation. I hope that helps!

    Kind regards,
    Niklas

    Thread Starter yorkshirepet

    (@yorkshirepet)

    2 years, 5 months ago

    Thank you Niklas. I made a child theme and added your code into functions.php

    I didnt have a child theme and this blog post helped me massivley in creating one.

    Thank you to both Niklas & Tim

    https://divilife.com/divi-child-theme-guide/?gclid=Cj0KCQjwrJOMBhCZARIsAGEd4VGZxp-tJG-ghtLsrEMss5XNcUl7jw6C7HpOMwm9k1tfISLVEwCu1tkaAuMCEALw_wcB#open

    jchambo

    (@jchambo)

    2 years, 4 months ago

    This issue is still occurring with the Divi Theme / Theme Builder.

    Plugin Support Syde Niklas

    (@niklasinpsyde)

    2 years, 4 months ago

    Hi @jchambo,

    The cause of the behavior has not yet been addressed, so this would be expected for now.
    But you can use the filter mentioned above to hook the button in your favorite position.
    Here are some example hooks that are available on the regular product page: https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/
    Since we have this filter as a way to work around the behavior with some page builders, it has not been the highest priority to resolve. But I expect it to be fixed in one of the upcoming updates, maybe around the end of January. No promises though as there is no clear timeline for it yet.

    Kind regards,
    Niklas

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘PayPal Buttons appear at the top of single product page.’ is closed to new replies.

Tags