Move Google and Apply pay below Proceed to Checkout button on Cart

  • Resolved obsidianurbex

    (@obsidianurbex)


    3 years, 3 months ago

    Hi

    I also use Paypal Checkout (via the official PayPal plugin). At the moment it displays like this

    Google Pay (or Apple Pay) via your plugin
    -OR-
    Proceed to Checkout (standard WooCommerce checkout)
    PayPay Checkout (via the PayPal plugin)

    Can I display the Google Pay/Apple Pay option below Proceed to Checkout (or below the PayPal Checkout, either is fine). It just looks a bit odd with normal checkout sandwiched between the two express checkouts ??

    Cheers, hope you are having a good week ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Saravanan S, a11n

    (@simplysaru)

    Hi @obsidianurbex,

    This may be possible with some customizations (CSS). Are you able to share your store URL so that we can check this out and offer further guidance?

    Thread Starter obsidianurbex

    (@obsidianurbex)

    Hi Saravanan!

    I managed to hide the “-OR-” for now, but definitely be great to move the checkout to above the Woocommerce Payments (and PayPal)

    My shop is here https://www.obsidianurbexphotography.com/shop/

    Thanks so much ??

    Plugin Author Automattic

    (@automattic)

    Hi @obsidianurbex,

    If you navigate to My Site > Customise > Additional CSS, adding the following CSS snippet should move the DIV container for Apple Pay and Google Pay below the “Proceed to Checkout” and Paypal buttons:

    /* Lower Position of Apple/Google Pay Buttons / 4220475-zd CM /*
.wcpay-payment-request-wrapper {
  position: relative;
  top: 270px;
}

    Let us know if this does the trick for you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Google and Apply pay below Proceed to Checkout button on Cart’ is closed to new replies.

Tags