Сделал в quantity кастомные кнопки плюс и минус, на странице товара всё работает корректно (количество меняется, в корзину добавляется указанное количество). Перехожу в корзину - количество меняется, но кнопка обновить корзину не активируется. Если вручную вписать количество, то активируется.
Помогите пожалуйста сделать, чтоб кнопка обновить корзину активировалась при нажатии на кнопки плюс и минус. Ссылка на сайт -
galaxysites.com.ua/cart
Что именно я сделал:
изменил тип инпута с number на text
добавил две кнопки button плюс и минус
в js написал следующее:
(function quantityProducts() {
var $quantityArrowMinus = $(".btn-qty-minus");
var $quantityArrowPlus = $(".btn-qty-plus");
$quantityArrowMinus.click(quantityMinus);
$quantityArrowPlus.click(quantityPlus);
function quantityMinus() {
var $quantityNum = $(this).siblings('.qty');
if ($quantityNum.val() > 1) {
$quantityNum.val(+$quantityNum.val() - 1);
}
}
function quantityPlus() {
var $quantityNum = $(this).siblings('.qty');
$quantityNum.val(+$quantityNum.val() + 1);
}
})();
});
HTML
<div class="quantity">
<?php do_action('woocommerce_before_quantity_input_field'); ?>
<button class="btn-qty-minus" type="button">-</button>
<label class="screen-reader-text" for="<?php echo esc_attr($input_id); ?>"><?php echo esc_attr($label); ?></label>
<input type="text" id="<?php echo esc_attr($input_id); ?>" class="<?php echo esc_attr(join(' qty-form ', (array) $classes)); ?>" step="<?php echo esc_attr($step); ?>" min="<?php echo esc_attr($min_value); ?>" max="<?php echo esc_attr(0 < $max_value ? $max_value : ''); ?>" name="<?php echo esc_attr($input_name); ?>" value="<?php echo esc_attr($input_value); ?>" title="<?php echo esc_attr_x('Qty', 'Product quantity input tooltip', 'woocommerce'); ?>" size="4" placeholder="<?php echo esc_attr($placeholder); ?>" inputmode="<?php echo esc_attr($inputmode); ?>" autocomplete="<?php echo esc_attr(isset($autocomplete) ? $autocomplete : 'on'); ?>" />
<button class="btn-qty-plus" type="button">+</button>
<?php do_action('woocommerce_after_quantity_input_field'); ?>
</div>