- 30 Jan 2020, 14:50
#86641
Galera, primeiramente boa tarde
Na página :
https://paolaconstance.com.br/loja/sand ... ul-marinho
No input onde o cliente seleciona a quantidade que quer comprar, quero permitir adicionar ao carrinho somente a quantidade máxima aquele sku tem, por ex:
Sapato X tamanho 35 tem 10 pares, quero permitir que o cliente adicione somente até 10 pares que é o máximo de estoque.
Criei um JQuery básico que faz isso, no meu navegador rodou beleza, mas devido à incompatibilidades cross browser, percebi que mesmo no firefox em outras versões não estava funcionando.
Código abaixo:
Código abaixo:
Obs: Não quero colocar no elemento input o atributo max="x" por exemplo, quero fazer conforme o total disponível do produto.
Obrigado,
André
Na página :
https://paolaconstance.com.br/loja/sand ... ul-marinho
No input onde o cliente seleciona a quantidade que quer comprar, quero permitir adicionar ao carrinho somente a quantidade máxima aquele sku tem, por ex:
Sapato X tamanho 35 tem 10 pares, quero permitir que o cliente adicione somente até 10 pares que é o máximo de estoque.
Criei um JQuery básico que faz isso, no meu navegador rodou beleza, mas devido à incompatibilidades cross browser, percebi que mesmo no firefox em outras versões não estava funcionando.
Código abaixo:
Código: Selecionar todos
Ate mesmo tentei um javascript puro, porém o mesmo acontece.$("input#input-quantity").attr("disabled", "disabled");
$input_quantity = $("#input-quantity");
$option = $(".quantidade_disponivel");
$option.on('click', function(event) {
$maximum_quantity = $(event.target);
$max = $maximum_quantity.attr("name");
//console.log($max);
$input_quantity.attr("max", $max);
if($max.value !== "") {
$("input#input-quantity").removeAttr("disabled");
}
});
Código abaixo:
Código: Selecionar todos
Tem como fazer isso de uma forma mais fácil, sem js ou jquery, ou alguém tem alguma idéia do que eu possa fazer.var option = document.querySelectorAll(".quantidade_disponivel");
var input_quantity = document.getElementById("input-quantity");
input_quantity.setAttribute("disabled", "disabled");
for(i = 0; i < option.length; i++){
option[i].onclick = function(event){
input_quantity.removeAttribute("disabled");
var option_value = event.target.attributes.name.value;
console.log(option_value);
console.log(input_quantity.value);
input_value = input_quantity.value;
}
}
Obs: Não quero colocar no elemento input o atributo max="x" por exemplo, quero fazer conforme o total disponível do produto.
Obrigado,
André