- 13 Mai 2014, 01:52
#50780
Boa noite!
Estou com a necessidade de limitar a quantidade de opções selecionadas em um produto.
Ex: Aparece 10 opções para selecionar, mas o cliente pode selecionar apenas 3 destas 10.
Pesquisando na web achei exatamente o que eu queria: http://hotwebideas.hubpages.com/hub/jqu ... -of-clicks.
Tentei implementar, alterando o catalog/view/theme/chef/javascript/common.js (verificando o código fonte da página mostra que a script está sendo lida) mas não funciona!
Este é o código implementado (Jquery):
$(document).ready(function() {
/* Search */
var idThatWasClicked;
var overMaxAlert = "Por favor selecione no mámo 3 opçs";
var overMaxdvice = ". Se deseja selecionar outra opç, desmarque uma jáelecionada.";
var upmarketSandwichesChecked;
var upmarketSandwichesMax = 3;
var upmarketSandwiches = ["option-value-54","option-value-55","option-value-64","option-value-65","option-value-66","option-value-67","option-value-68","option-valu
e-69","option-value-70","option-value-71","option-value-72","option-value-73","option-value-74","option-value-75","option-value-76","option-value-77"];
$.each(upmarketSandwiches,function()
{
$('#' + this).addClass('upmarketSandwiches');
});
$('.upmarketSandwiches').click(function()
{
idThatWasClicked = $(this).attr('id');
upmarketSandwichesChecked = 0;
$.each(upmarketSandwiches, function() {
if($("#" + this).attr('checked'))
{
upmarketSandwichesChecked++;
}
});
if(upmarketSandwichesChecked > upmarketSandwichesMax)
{
window.alert(overMaxAlert + upmarketSandwichesMax + overMaxdvice);
/*$('.upmarketSandwiches').attr('disabled',true); */
$('#' + idThatWasClicked).attr('checked',false);
}
});
Esta é a página em desenvolvimento: http://webhostinside.com/opencart/prato ... parmegiana
Estou com a necessidade de limitar a quantidade de opções selecionadas em um produto.
Ex: Aparece 10 opções para selecionar, mas o cliente pode selecionar apenas 3 destas 10.
Pesquisando na web achei exatamente o que eu queria: http://hotwebideas.hubpages.com/hub/jqu ... -of-clicks.
Tentei implementar, alterando o catalog/view/theme/chef/javascript/common.js (verificando o código fonte da página mostra que a script está sendo lida) mas não funciona!
Este é o código implementado (Jquery):
$(document).ready(function() {
/* Search */
var idThatWasClicked;
var overMaxAlert = "Por favor selecione no mámo 3 opçs";
var overMaxdvice = ". Se deseja selecionar outra opç, desmarque uma jáelecionada.";
var upmarketSandwichesChecked;
var upmarketSandwichesMax = 3;
var upmarketSandwiches = ["option-value-54","option-value-55","option-value-64","option-value-65","option-value-66","option-value-67","option-value-68","option-valu
e-69","option-value-70","option-value-71","option-value-72","option-value-73","option-value-74","option-value-75","option-value-76","option-value-77"];
$.each(upmarketSandwiches,function()
{
$('#' + this).addClass('upmarketSandwiches');
});
$('.upmarketSandwiches').click(function()
{
idThatWasClicked = $(this).attr('id');
upmarketSandwichesChecked = 0;
$.each(upmarketSandwiches, function() {
if($("#" + this).attr('checked'))
{
upmarketSandwichesChecked++;
}
});
if(upmarketSandwichesChecked > upmarketSandwichesMax)
{
window.alert(overMaxAlert + upmarketSandwichesMax + overMaxdvice);
/*$('.upmarketSandwiches').attr('disabled',true); */
$('#' + idThatWasClicked).attr('checked',false);
}
});
Esta é a página em desenvolvimento: http://webhostinside.com/opencart/prato ... parmegiana

