Stripe信用卡不使用WooCommerce模式结帐

Question

我想将Stripe Checkout用于模态而不是结帐页面，但是当[WooCommerce_Checkout]快捷代码移动到模态时，Stripe Checkout表单被禁用，并且它可以作为页面结帐。

这是下面的主要功能

add_action( 'wp_ajax_getCheckoutPageContent', 'getCheckoutPageContentCallBack' );
add_action( 'wp_ajax_nopriv_getCheckoutPageContent', 'getCheckoutPageContentCallBack' );

function getCheckoutPageContentCallBack() {
    $product_id        = absint( $_POST['product_id'] );
    $quantity          = absint( $_POST['quantity'] );
    $product_status    = get_post_status( $product_id );
    $passed_validation = apply_filters( 'woocommerce_add_to_cart_validation', true, $product_id, $quantity );

    if ( WC()->cart->add_to_cart( $product_id, $quantity ) ) {
        do_action( 'woocommerce_ajax_added_to_cart', $product_id );
        global $woocommerce;
        $items = $woocommerce->cart->get_cart();

        wc_setcookie( 'woocommerce_items_in_cart', count( $items ) );
        wc_setcookie( 'woocommerce_cart_hash', md5( json_encode( $items ) ) );
        do_action( 'woocommerce_set_cart_cookies', true );

        define( 'WOOCOMMERCE_CHECKOUT', true );
        echo do_shortcode('[woocommerce_checkout]');

    }else{
        define( 'WOOCOMMERCE_CHECKOUT', true );
        echo do_shortcode('[woocommerce_checkout]');
    }
    die();
}

，下面的模式下面的

<!-- Start Booking Popup Modal Area -->
<div class="booking-popup-modal-area modal right fade" id="Booking-Popup-Modal" tabindex="-1" role="dialog" aria-labelledby="Booking-Popup-Modal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <div class="modal-body">
                <div id="checkOutPageContent">

                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function customCheckout(event){
        var wp_ajax_url="<?php echo site_url();?>/wp-admin/admin-ajax.php";
        var data = {
            action: 'getCheckoutPageContent',
            product_id: jQuery(event.target).data('productid'),
            quantity: 1
        };

        jQuery.post( wp_ajax_url, data, function(content) {
            jQuery("#checkOutPageContent").html(content);
            jQuery("#Booking-Popup-Modal").modal('show');

        });
    }

</script>
<!-- End Booking Popup Modal Area -->

完整问题您可以在下面的屏幕截图

”在网络上找到任何合适的解决方案。

我现在该怎么办？

我在那里想念什么？

谢谢