WooCommerce Single Page Errors

johnzell

Is there a CSS update for the single product page. When using WooCommerce payment gateway (standard) the on product page checkout buttons cause horribly ugly buttons as well as do not work at all on mobile. See screenshot.

Pablo

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

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

johnzell

https://axclothing.com/product/besmartphone1/

Still working in the template until we can figure out these bugs.

thanks!

Phil

Hi,

Did you deactivate it?

I cannot see GPay or ApplePay buttons on your website.

Best regards

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

johnzell

Can you try again, they are there for me

Phil

Please, try the following CSS code:

.single-product .entry-summary .cart {
   flex-wrap: wrap;
}
.single-product .entry-summary .cart .single_add_to_cart_button{
   flex-basis: 50%;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

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

johnzell

Can we remove the -or- and force them to be stacked and the same width, I think that would look the best!

Already looking better, thanks!

Phil

Please, replace the second part from the previous code with the following one:

.single-product .entry-summary .cart #wcpay-payment-request-wrapper,
.single-product .entry-summary .cart .single_add_to_cart_button{
   flex-basis: 50%!important;
}
#wcpay-payment-request-button-separator{
   display: none!important;
}

Thanks

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