Здравствуйте! Делаю интернет магазин на wordpress/woocommerce. Возникла проблема со стилизацией количества товаров в корзине. Хотелось бы, чтобы изменения в количестве сразу же запускало пересчет корзины. Есть вот такой ajax-код:
jQuery( function( $ ) {
$( document ).on( 'change', 'input.qty', function() {
var $thisbutton = $(this);
var item_hash = $( this ).attr( 'name' ).replace(/cart\[([\w]+)\]\[qty\]/g, "$1");
var item_quantity = $( this ).val();
var currentVal = parseFloat(item_quantity);
$.ajax({
type: 'POST',
url: cart_qty_ajax.ajax_url,
data: {
action: 'my_cart_qty',
hash: item_hash,
quantity: currentVal
},
success: function(response) {
jQuery(document.body).trigger('added_to_cart', [response.fragments, response.cart_hash, $thisbutton]);
//jQuery(document.body).trigger('update_checkout');
setTimeout(function() {
$('.input-text.qty').trigger('refresh');
}, 10)
}
});
});
});
Также пользуюсь jquery-плагином FormStyler.
Проблема в том, что после первого пересчета корзины, плагин FormStyler слетает. Вот ссылка
https://portfolio-rrrgh1.ru/vent/cart/