php - 在 WooCommerce 结帐时刷新运输或付款方式更改的迷你购物车

Question

我试图在有人更改结帐页面上的送货方式或付款方式时触发 WooCommerce 迷你购物车进行更新。

我尝试使用以下代码:

add_action( 'wp_footer', 'custom_minicart_checkout_jqscript' );
function custom_minicart_checkout_jqscript() {
    if ( ! ( is_checkout() && ! is_wc_endpoint_url() ) )
        return; // Only Checkout Page
    ?>
    <script type="text/javascript">
    jQuery( function($){
        $('form.checkout').on('change', 'input', function(){
            $(document.body).trigger('wc_fragment_refresh');
        });
    });
    </script>
    <?php
}

但是当客户对所选的运输方式或/和付款方式进行更改时，它会显示以前的总计而不是当前的总计。

更新 我测试了以下解决方案，但得到的结果相同。 You can see it on this video (下载视频以高质量观看)。我删除了非必要的插件并清除了 functions.php 文件。这似乎是可能的，但由于某种原因，迷你购物车的更新被之前的总数延迟了。

Answer 1

尝试使用以下方法，将更改事件委托(delegate)给 document.body 并专门针对运输方式和付款方式更改:

add_action('wp_footer', 'minicart_checkout_refresh_script');
function minicart_checkout_refresh_script(){
    if ( is_checkout() && ! is_wc_endpoint_url() ) :
    ?>
    <script type="text/javascript">
    (function($){
        $(document.body).on('change', 'input[name="payment_method"],input[name^="shipping_method"]', function(){
            $(document.body).trigger('update_checkout').trigger('wc_fragment_refresh');
        });
    })(jQuery);
    </script>
    <?php
    endif;
}

代码进入事件子主题(或事件主题)的 functions.php 文件。它应该能更好地工作。

Note: There is not any calculated total in mini cart, but only cart items subtotal… You can see that on WooCommerce default template cart/mini-cart.php file. So there is nothing to be refreshed or updated in default WooCommerce mini cart on checkout page.