Изменение количества товара в корзине Opencart 3

Прошу помощи, не могу разобраться. В шапке сайта есть всплывающая корзина. После нажатия на кнопку покупки товара, появляется корзина, в которой есть стандартный функционал (наименование, картинка и вывод количества) для каждой позиции. Я его изменила, дописав пару строк на js чтобы была возможность изменять количество для каждого товара (простыми словами просто счетчик(+/-)). За добавление/удаление товаров в корзину отвечают фуyкции add/remove в common.js.

Но не могу никак понять следующее- после того как в всплывающей корзине я изменяю количество товаров, и перехожу в общую корзину для оформления заказа, количество товаров не сохраняется и остается равным 1. Так же при обновлении страницы сбрасывается количество товаров как в сплывающей корзине, так и на странице товара, так и в корзине оформления заказа.

Как это исправить?

Код счетчика в cart.wtig

    <div class="product-card-modal__counter counter" data-counter>
       <button type="button" class="counter__control" data-action="minus">-</button>
       <div class="counter__input"><input type="text" name="quantity[{{ product.cart_id }}]" value="{{ product.quantity }}" data-input-quantity class="counter__input__quantity" placeholder="{{ product.quantity }}"></div>
       <button class="counter__control" data-action="plus">+</button>
</div>

Файл common.js

$(document).on('click', '[data-counter] [data-action]', function (e) {
        const btn = $(this);
        const input = btn.closest('[data-counter]').find('input');
        const minValue = 1;

        if (btn.attr('data-action') == 'plus') {
            input.val(parseInt(input.val()) + 1);
        } else if (btn.attr('data-action') == 'minus') {
            if (parseInt(input.val()) > minValue) {
                input.val(parseInt(input.val()) - 1);
            } else {
                return null;
            }
        }
    });