jQuery('<div class="quantity-nav"><div class="quantity-button quantity-up">+</div><div class="quantity-button quantity-down">-</div></div>').insertAfter('.quantity input');
    jQuery('.quantity').each(function() {
      var spinner = jQuery(this),
        input = spinner.find('input[type="number"]'),
        btnUp = spinner.find('.quantity-up'),
        btnDown = spinner.find('.quantity-down'),
        min = input.attr('min'),
        max = input.attr('max');
        val = input.attr('value');
        id = input.attr('id');
        prod_col = input.attr('data-col');
        prod_tal = input.attr('data-tal');

      btnUp.attr({'data-val': val, 'data-id': id, 'data-col': prod_col, 'data-tal': prod_tal});
      btnDown.attr({'data-val': val, 'data-id': id, 'data-col': prod_col, 'data-tal': prod_tal});

      btnUp.click(function() {
        let Id = $(this).attr('data-id');
        let col = $(this).attr('data-col');
        let tal = $(this).attr('data-tal');
        var oldValue = parseFloat(input.val());
        if (oldValue >= max) {
          var newVal = oldValue;
        } else {
          var newVal = oldValue + 1;
        }
        spinner.find("input").val(newVal);
        spinner.find("input").trigger("change");
        $(this).attr({'data-val': newVal, 'data-id': Id, 'data-col': col, 'data-tal': tal});
      });

      btnDown.click(function() {
        let Id = $(this).attr('data-id');
        let col = $(this).attr('data-col');
        let tal = $(this).attr('data-tal');
        var oldValue = parseFloat(input.val());
        if (oldValue <= min) {
          var newVal = oldValue;
        } else {
          var newVal = oldValue - 1;
        }
        spinner.find("input").val(newVal);
        spinner.find("input").trigger("change");
        $(this).attr({'data-val': newVal, 'data-id': Id, 'data-col': col, 'data-tal': tal});
      });

    });