Website is not showing apple pay and google pay on checkout page.

This topic has 6 replies, 2 voices, and was last updated 5 days, 21 hours ago ago by Luca Rossi

  • Avatar: Rafi
    Rafi
    Participant
    April 2, 2025 at 22:29

    Website is not showing apple pay and google pay on checkout page. on cart page it is working fine. please help

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    April 3, 2025 at 07:34

    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

    Avatar: Rafi
    Rafi
    Participant
    April 3, 2025 at 14:54

    provided in private area.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    April 4, 2025 at 07:15

    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

    Avatar: Rafi
    Rafi
    Participant
    April 16, 2025 at 20:03

    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

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    April 17, 2025 at 12:53

    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;
        }
    }
    

    https://tinyurl.com/25ynrhj3

    Kind regards,
    The 8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.