Website is not showing apple pay and google pay on checkout page. on cart page it is working fine. please help
This topic has 6 replies, 2 voices, and was last updated 5 days, 21 hours ago ago by Luca Rossi
Website is not showing apple pay and google pay on checkout page. on cart page it is working fine. please help
Dear @Rafi,
Could you please provide temporary wp-admin access? We need to check your settings.
To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.
Best Regards,
8Theme’s Team
provided in private area.
Dear @Rafi,
We hope this message finds you well.
We would like to inform you that we have created a do_hook shortcode using custom code within the functions.php file located in your child theme. The code is as follows:
add_shortcode( 'do_hook', function( $atts = array(), $content = null, $tag = '' ) {
if ( isset( $atts['hook'] ) ) {
do_action( $atts['hook'] );
}
return;
});
To implement this, we added the shortcode above the checkout form as shown below:
[do_hook hook="woocommerce_checkout_before_customer_details"]
As a result, the Apple/Google Pay option is now displaying correctly. You can view the outcome here: https://prnt.sc/dgKF0ibG-4GS.
Could you kindly review this and confirm if everything is functioning as expected?
Thank you for your time and assistance.
Best regards,
The 8Theme Team
Another issue I’m facing.
on the checkout i have multiple payments options. but the list style is coming very disturbing.
It should be somooth like kbeautybliss.com checkout page, you can see the payment option list is properly align with the selector dot.
but in theskinshop.ae it’s not, i somehow align through css, but the dot selector i needed to remove because I couldn’t find any fix.
you can see in the current site theskinshop.ae that dot selector is not align on the left side, it should be stick to the left align, evn the text or name has more text.
Thank you
Hi @Rafi,
Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
@media (max-width: 600px){
.woocommerce-checkout div#payment ul .wc_payment_method {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.woocommerce-checkout #payment .payment_methods input[type=radio],
.woocommerce-checkout #shipping_method input[type=radio] {
position: static;
display: block;
margin: 0 5px 0;
top: 0;
}
.woocommerce-checkout #payment .payment_methods label,
.woocommerce-checkout #shipping_method li {
margin-bottom: 0;
}
}
Kind regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up