Stripe Express Payment breaks layout on checkout

jabow

1-screenshot.png

Hi Guys. I'm getting an issue that the layout on the checkout page breaks when using stripe express payments as per the attached screenshot.

The same logins from other tickets are still active from tickts regarding customnoticeboards.co.uk to see past the coming soon page.

Many Thanks, Chris

Phil

Hi,

I have put a custom CSS code in your theme options that should resolve that.

Can you check it, please?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil.

I think you've put the same code I tired using, but unfortunitly that hides the express checkout (Apple Pay / Google Pay) which we'd like to be visbile on the checkout please?

Many Thanks, Chris.

Phil

Can you attach a screenshot showing it, please?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Screenshot 2022-03-07 at 14.38.40.png

Screenshot 2022-03-07 at 14.38.33.png

Screenshot 2022-03-07 at 14.38.23.png

Screenshot 2022-03-07 at 14.38.07.png

Screenshot 2022-03-07 at 14.37.16.png

Screenshot 2022-03-07 at 14.24.57.png

Phil

I meant the screenshot showing what you meant by

the express checkout (Apple Pay / Google Pay)

Because the CSS I used only to hide the "OR," which was moving the "order" column to the bottom.

What were the last three screenshots showing?

However, the fix for it will be available in the next update.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil.

Sorry, those screenshots weren't very help, someone else sent those and it needed explaining. I've created a couple of videos to explain as the issue is getting a bit lost it seems.

https://watch.screencastify.com/v/US9A6jxVQh5VDMdmTzYH

https://watch.screencastify.com/v/US9A6jxVQh5VDMdmTzYH

Many Thanks, Chris.

Phil

Thanks for clarifying.

The update should be released tomorrow, and after that, all will be fine.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Thanks Phil

jabow

Hi Phil.

Is there a delay on the update? Are you able to offer a new estimate timeline if so please?

Many Thanks, Chris.

Phil

Yes, the update was delayed, unfortunately.

It will be released today.

Sorry for the obstacles.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil.

Thats okay. thanks for the update.

Chris

jabow

Hi Phil.

Google pay is coming up and looking great with the update. However testing on Apple devices, the apple pay button isn't coming up for us on any of the pages its should (product / basket / checkout).

Many Thanks, Chris.

Phil

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil.

Still the same access details you've used in the past, but can send again if required?

Cheers, Chris.

Phil

If you can, please, send them.

Right now it will be hard for me to find them.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil

Not a problem. I've sent these again for you.

Many Thanks, Chris.

Phil

I have activated the Twenty Nineteen theme on your website, but the Apple Pay button did not appear with it either.

Did you set up Apple Pay for your Stripe account?

https://support.stripe.com/questions/enable-apple-pay-on-your-stripe-account

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil.

Thanks for looking. Wasn't sure if it would be a theme issue or not.

Cheers for taking a look.

Phil

You are welcome.

Please, let me know if I can help with anything else.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

IMG_5655.PNG

So I got the Apple Pay to work simply by redoing the settings. Whoever the button sits awkwardly on tablet on mobile due to it trying to sit on the same line, is it possible to make them stack to avoid this please?

Many Thanks, Chris.

Phil

Please, put the following CSS code in Betheme -> Theme options- > Custom CSS & JS -> CSS.

.woocommerce .product div.entry-summary .cart .woocommerce-variation-add-to-cart { flex-wrap: wrap; justify-content: center; }
.woocommerce .product div.entry-summary .cart .quantity { margin: 0 0 10px 0; width: 100%; }
.woocommerce .product div.entry-summary .cart #wc-stripe-payment-request-wrapper { padding-top: 15px; }

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil.

Thats perfect, thank you!

Cheers, Chris.