У меня проблема с кодировкой Shopify. Я использую Shopify ajax, и я не понимаю, почему ввод принимает отрицательное число в качестве ввода.
Вот GIF в действии.
Сейчас я поставил условие для перезагрузки страницы, если количество меньше 1, что работает нормально, но я хочу остановить ввод на 1, возможно.
Страница, на которой я работаю, такова: sunfieldmusic.com/cart
Попробуйте добавить что-нибудь в корзину и попробуйте уменьшить количество до менее чем 1. (Это должно обновить страницу, так как это текущее поведение.
Моя кодировка выглядит следующим образом
HTML
<button type="button" class="update minusbt" data-id="{{ line_item.variant.id }}"> - </button>
<input class=" cartquat quatinp" pattern="[0-9]*" min="1" name="updates[]" data-id="{{ line_item.variant.id }}" id="input_{{ line_item.variant.id }}" value="{{ line_item.quantity }}" type="text">
<button type="button" class="update plusbt" data-id="{{ line_item.variant.id }}"> + </button>
Jquery
$('body').on('click', '.plusbt', function () {
var data_id = $(this).attr('data-id');
var qty = $("#input_" + data_id).val();
var qty = parseInt(qty) + parseInt(1);
var variant_id = data_id;
$("#input_" + data_id).val(qty);
$.ajax({
type: 'POST',
url: '/cart/change.js',
dataType: 'json',
data: {
quantity: qty,
id: variant_id
},
success: function (cart) {
$.each(cart.items, function (index, row) {
if (variant_id == row.variant_id) $("#cartprice_" + variant_id).html('$' + parseFloat(row.line_price / 100).toFixed(2));
});
$("#cart_total").html('$' + parseFloat(cart.total_price / 100).toFixed(2));
},
error: function (response) {
alert("error");
}
});
});
$('body').on('click', '.minusbt', function (e) {
var data_id = $(this).attr('data-id');
var qty = $("#input_" + data_id).val();
var qty = parseInt(qty) - parseInt(1);
var variant_id = data_id;
$("#input_" + data_id).val(qty);
$.ajax({
type: 'POST',
url: '/cart/change.js',
dataType: 'json',
data: {
quantity: qty,
id: variant_id,
},
success: function (cart) {
if (qty < 1) {
location.reload(); //Reload page as I don't know how to stop this from accepting negative numbers
}
$.each(cart.items, function (index, row) {
if (variant_id == row.variant_id) $("#cartprice_" + variant_id).html('$' + parseFloat(row.line_price / 100).toFixed(2));
});
$("#cart_total").html('$' + parseFloat(cart.total_price / 100).toFixed(2));
},
error: function (response) {
//alert(response);
}
});
});
Заранее спасибо. Я пытался искать, прежде чем писать здесь, но я не нашел решения.