产品从购物车中移除后刷新页面Woocommerce

Question

我在woocommerce中遇到这个问题。当我们将产品从购物车中移除时，则禁用更新购物车按钮。刷新页面工作正常后。

我正在尝试这个钩子：

woocommerce_cart_item_removed

但它无法正常工作。

Answer 1

在最新版本的Woocommerce中，有一个JavaScript回调触发器，如this commit中所述：

/**
 * Update the .cart_totals div with a string of html.
 *
 * @param {String} html_str The HTML string with which to replace the div.
 */
var update_cart_totals_div = function( html_str ) {
    $( '.cart_totals' ).replaceWith( html_str );
    $( document.body ).trigger( 'updated_cart_totals' );
};

因此，您可以添加一段Javascript以在触发此触发器时运行并启用该按钮或只是刷新页面。例如：

$('body').on('updated_cart_totals',function() {
    $( '.shop_table.cart' ).closest( 'form' ).find( 'input[name="update_cart"]' ).prop( 'disabled', false ); // this will enable the button.
    //location.reload(); // uncomment this line to refresh the page.
});