Payment Getaway conflict with checkout page

Hello, Jimmy,

Thank you for contacting us and for using XStore.

Please record a video of what should we do to be able to see the problem on your site.

Note that we do not give a guarantee for full theme compatibility with all existing 3rd party plugins. Sometimes, not always, you need additionally customize the theme or plugin to make them work together. Unfortunately, it’s not possible for the author to make the theme compatible with all the existing plugins and additional customization is outside the scope of our basic support.

Also, provide FTP access, we will check what can be done to help you.
To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

Kind Regards,
8theme team

Hello, Jimmy,

We appreciate your prompt response.

Could you please check how it works when Advanced Layout is disabled in Theme Options > WooCommerce > Cart/Checkout Layout?

Kind Regards,
8theme team

Hello, Jimmy,

1/ This page is broken because this one is not related to the theme and is styled directly from the Airwallex Online Payments Gateway plugin that is installed on your website.

2/ You have activated – the XStore Advanced Sticky Header plugin & activated the Header overlap option -> https://prnt.sc/-JFEYv9ONtKR that creates such broken design on the after-checkout page -> https://prnt.sc/JyJ7G7TXFylC

3/ We added the next custom CSS to your child-theme/style.css

@media only screen and (min-width: 993px) {
    .et_b_dt_header-overlap .airwallex-content  {
        padding-top: 12em;
    }
}
.airwallex-content {
    margin-bottom: 5vw;
}

4/ About the broken footer it seems that on plugin “checkout” pages Elementor styles/scripts are not loaded correctly so they should check it from their side.

We hope this information is helpful.

Kind Regards,
8theme team

Hello, Jimmy,

“However the mega menu is also not loading correctly, is it also because elementor styles/scripts are not loaded correctly?” – yes.

Kind Regards,
8theme team

Hello, Jimmy,

Thank you for your response.

Sorry, but your request is a bit unclear to us. Please describe it and the desired result in more detail with screenshots or video.

Kind Regards,
8theme team

Hello, Jimmy,

Could you please, check the possible result → https://prnt.sc/wmFusOqz6WFi

We added for you next code to child-theme/functions.php

add_action('wp', function() {
    if ( class_exists('WooCommerce') ) {
    if ( get_the_ID() == get_option('airwallex_payment_method_all_page_id') || wc_post_content_has_shortcode( 'airwallex_payment_method_all' ) ) {
            set_query_var('et_is-checkout', true);
                set_query_var('et_is-cart-checkout-advanced', get_theme_mod('cart_checkout_advanced_layout', false));
            set_query_var( 'et_cart-checkout-layout', get_theme_mod( 'cart_checkout_layout_type', 'default' ) );
                set_query_var( 'et_cart-checkout-header-builder', get_theme_mod( 'cart_checkout_header_builder', false ) );
                set_query_var( 'et_cart-checkout-default-footer', get_theme_mod( 'cart_checkout_default_footer', false ) );
        }
    }
}, 50);

Kind Regards,
8theme team

Hello, Jimmy,

We have modified your previous code with the implementation few lines with custom script → https://prnt.sc/cx7-2NrsESm3

add_action('wp_footer', function() {
    echo '<script>
            jQuery(document).ready(function($) {
                $(document).find(".cart-checkout-nav-simple").find(".active").removeClass("active");
                $(document).find(".cart-checkout-nav-simple [data-step=payment]").addClass("active");
            })</script>';
    });
}

Result → https://prnt.sc/hD-1jeuxgRlw
Please be informed that this only changes after the page has been loaded.

Kind Regards,
8theme team