如何在WooCommerce中每5秒刷新购物车和结帐?

Question

我在WordPress/WooCommerce工作

我的要求是当客户在CART上时页面，我想每5秒刷新一次CART，没有页面加载.

例如:如果客户已经添加了一个产品到购物车，价格是₹8.00

随后，Admin将产品的价格从8.00改为10.00

如何在不刷新页面的情况下显示最新价格?

我正在使用这个代码，但不工作

(function( $ ) {
'use strict';
jQuery( document ).ready(function($) {
function refresh_fragments() {
console.log('fragments refreshed!');
$( document.body ).trigger( 'wc_fragments_refreshed' );
}
refresh_fragments();
setInterval(refresh_fragments, 5000);
});
})(jQuery);

Answer 1

试试下面的代码。您可以触发更新购物车按钮，而不是使用wc_fragments_refreshed触发器。

购物车刷新。

(function( $ ) {
'use strict';
jQuery( document ).ready(function($) {
function refresh_fragments() {
console.log('fragments refreshed!');
jQuery( "[name='update_cart']" ).removeAttr( 'disabled' );
jQuery( "[name='update_cart']" ).trigger( 'click' );
}
setInterval(refresh_fragments, 5000);
});
})(jQuery);

按OP要求。

结帐刷新。

使用update_checkout触发器

(function( $ ) {
'use strict';
jQuery( document ).ready(function($) {
function refresh_fragments() {
$( document.body ).trigger( 'update_checkout' );
}
setInterval(refresh_fragments, 5000);
});
})(jQuery);