backup-codigo-carrinho.js

<div id="counter"></div>


<script>
jQuery(document).ready(function() {
    function calcularSubtotalDoItem(itemElemento) {
        var valorTextoElemento = jQuery(itemElemento).find('.sn_valor2 .jet-listing-dynamic-field__content').text().trim();
        var valorNumerico = parseFloat(valorTextoElemento);
        var quantidadeInput = jQuery(itemElemento).find('.qtd-input.sn_qtd');
        var quantidadeNumerica = parseFloat(quantidadeInput.val());

        if (!isNaN(valorNumerico) && !isNaN(quantidadeNumerica)) {
            var subtotalCalculado = valorNumerico * quantidadeNumerica;
            subtotalCalculado = subtotalCalculado.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
        } else {
            subtotalCalculado = 'R$ 0,00';
        }

        jQuery(itemElemento).find('.subtotal span').text(subtotalCalculado);
        calcularTotal();
    }

    function calcularTotal() {
        var total = 0;
        jQuery('.jet-listing-grid__item .subtotal span').each(function() {
            var valorSubtotal = jQuery(this).text().trim();
            valorSubtotal = parseFloat(valorSubtotal.replace('R$', '').replace(/\./g, '').replace(',', '.'));
            if (!isNaN(valorSubtotal)) {
                total += valorSubtotal;
            }
        });

        total = total.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
        jQuery('.valortotal').text(total);
    }

    jQuery('.jet-listing-grid__item').each(function() {
        calcularSubtotalDoItem(this);
    });

    jQuery('.jet-listing-grid__item').on('change', '.qtd-input.sn_qtd', function() {
        var itemGrid = jQuery(this).closest('.jet-listing-grid__item');
        calcularSubtotalDoItem(itemGrid);
    });

    jQuery('.jet-listing-grid__item').on('click', '.increment, .decrement', function() {
        var itemElemento = jQuery(this).closest('.jet-listing-grid__item');
        var qtdInputElemento = jQuery(itemElemento).find('.qtd-input.sn_qtd');
        var passo = parseInt(qtdInputElemento.attr('data-step'));
        var valorAtual = parseInt(qtdInputElemento.val());
        var novoValor;

        if (jQuery(this).hasClass('increment')) {
            novoValor = valorAtual + passo;
        } else {
            novoValor = Math.max(valorAtual - passo, parseInt(qtdInputElemento.attr('min')));
        }

        qtdInputElemento.val(novoValor).trigger('change');
    });
    
    calcularTotal();
});
</script>


<script>
//aqui escondemos o input carrinho
jQuery('#sn_carrinho').hide();	
	 
	//aqui cria o evento de click no submit
	jQuery('.jet-form-builder__submit' ).click(function() {
	   
	    
	    
	 
	//variáveis dos campos do form
	var produtos = new Array(1);
	var produtos_zap = new Array(1);
	var sku_class = '.sn_sku .jet-listing-dynamic-field__content';
	var titulo_class = '.sn_titulo .jet-listing-dynamic-field__content';	
	var quantidade_class = '.sn_qtd';
	var imagem_class = '.sn_imagem';	
	var valor_class = '.sn_valor .jet-listing-dynamic-field__content';	
	var carrinho_id = '#sn_carrinho';
	var carrinho_zap = '#sn_carrinho_zap';
	var observacao = '#sn_obs';
	var obsinfo = '.sn_obsinfo';
	
	var cliente_nome = "#sn_nome";
	var cliente_email = "#sn_email";
	var zap_destino = "input[name='url_zap']";
	var send_to_zap = "input[name='send_to_zap']";
	
	
	var endereco = jQuery("#sn_endereco").val();
	
	var nome_cliente = jQuery(cliente_nome).val();
	var email_cliente = jQuery(cliente_email).val();
	var zap = jQuery(zap_destino).val();
	var obs = jQuery(observacao).val();
	
	var zapsend = jQuery(send_to_zap).val();
	
	var subtotal_class = ".subtotal span";
	var totalgeral = jQuery(".valortotal").text();
    
	
	var intro_msg = `<h3>Valor Total do Pedido: ${totalgeral}</h3>
	<br>
	<h2>Itens do Pedido</h2>
	`;
	
   
	 
	//realizamos a limpeza do carrinho para ir zerado	
	jQuery(carrinho_id).html('');
	
    //usamos o each para trazer todos os dados
	var listing = jQuery('.jet-listing-grid__items .jet-listing-grid__item');
	 listing.each(function(i) {
			
        //listamos dados do listing para montar a msg	
        var id_post = jQuery(this).data('post-id');
        var sku = jQuery('.jet-listing-dynamic-post-'+id_post + ' ' + sku_class).text();
        var titulo = jQuery('.jet-listing-dynamic-post-'+id_post + ' ' + titulo_class).text();
        var valor = jQuery('.jet-listing-dynamic-post-'+id_post + ' ' + valor_class).text();
        var qtd = jQuery('.jet-listing-dynamic-post-'+ id_post + ' ' + quantidade_class).val();
        var imagem = jQuery('.jet-listing-dynamic-post-'+ id_post + ' ' + imagem_class +' img').prop('src');
        var permalink = jQuery('.jet-listing-dynamic-post-'+ id_post + ' ' + imagem_class +' a').prop('href');
        
        
        
        var subvalor = jQuery('.jet-listing-dynamic-post-'+id_post + ' ' + subtotal_class).text();
        
               var obsinfo_content = jQuery('.jet-listing-dynamic-post-'+id_post + ' ' + obsinfo).val();
               
               
               
    
            var variacao1Element = jQuery(this).find('._variacao1');
            var variacao1 = variacao1Element.length > 0 ? variacao1Element.val() : '';

            var variacao2Element = jQuery(this).find('._variacao2');
            var variacao2 = variacao2Element.length > 0 ? variacao2Element.val() : '';
            
            
            var variacao3Element = jQuery(this).find('._variacao3');
            var variacao3 = variacao3Element.length > 0 ? variacao3Element.val() : '';

    	
        //aqui criamos o template a ser enviado por email
        produtos[i] = `<div style="width:300px;">
                        <div style="margin:10px;border-radius:10px;text-align:center;padding:20px 0 0 0;border: 3px solid #7D3ACA;">
                            <div>
                                <img src=${imagem} style="width:150px;"/>
                            </div>
                            <div>
                                <a href=${permalink} style="text-decoration:none;color:#fff;background-color:#7D3ACA;padding:10px 30px;border-radius:4px;display:inline-block;margin:10px 0;">Link do Produto</a>
                            </div>
                            <div>
                                <p>${sku}</p>
                            </div>
                            <div>
                    <p><strong>Produto:</strong>${titulo}</p>
                    <p><strong>Observações:</strong>${obsinfo_content}</p>
                    <p>${variacao1}</p>
                    <p>${variacao2}</p>
                    <p>${variacao3}</p>
               
                            </div>
                            <div>
                                <p><strong>Quantidade:</strong>${qtd}</p>
                            </div>
                            <div>
                                <p>
                                <b>Valor:</b>${valor}<br>
                                <b>Subtotal:</b> ${subvalor}
                                </p>
                            </div>
                           
                        </div></div>`;
                        
               if (obsinfo_content && obsinfo_content.trim() !== '') {
    
    obsinfo_content = `*OBS:* ${encodeURIComponent(obsinfo_content.trim())}`;
}
                        
//aqui criamos o template a ser enviado por whatsapp
produtos_zap[i] = `${sku}						
*${titulo}*	
${obsinfo_content}	
${variacao1}
${variacao2}
${variacao3}

*Qtd:* ${qtd}
*Valor*: ${valor}
*Subtotal*: ${subvalor}
*Link:* ${permalink}
--------------
`;
              

        //aqui validamos a quantidade que não pode ser vazia ou valor 0
        switch (qtd){
            
            case '':
                alert('O campo de quantidade está vazio.');
                break;
                
            case 0:
                alert('Não é aceito o valor 0.');
                break;
                
            case 'undefined':
                alert('Ocorreu um erro!');
                break;
            
            default:    
            jQuery(carrinho_id).html(intro_msg + produtos.join('').replace(/(\r\n|\n|\r)/gm," "));
           
                valor = valor +' cada';
        }
    
        
        
    }); 
    

    
    if(zapsend=='true'){
    
    var checkSuccessInterval = setInterval(function() {
            
            // Verifica se a mensagem de sucesso está visível
            if (jQuery('.jet-form-builder-message--success').is(':visible')) {
                
                // Limpa o intervalo para parar de verificar
                clearInterval(checkSuccessInterval);
                
                
        
var message = `*PEDIDO DE ORÇAMENTO*

Olá, meu nome é ${nome_cliente} - ${email_cliente}

*Mensagem*
${obs}

*Endereço*
${endereco}

*Valor Total do Pedido*
${totalgeral}
\n\n${produtos_zap.join('\n')}
\nObrigado!`;



     // Codifica a mensagem para URL
     var encoded_message = encodeURIComponent(message);

               
      // Verifica se é um dispositivo móvel
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            // Se for móvel, redireciona na mesma página
            window.location.href = zap + "?text=" + encoded_message;
        } else {
            // Se for desktop, abre em uma nova aba
            window.open(zap + "?text=" + encoded_message, '_blank');
        }           
            }
        }, 500); // verifica a cada segundo
    
    }   
    
    
    verificarSelectsVazios();
});

  
  
function handleIncrementDecrement() {
    var observer = new MutationObserver(function(mutations) {
        if (jQuery('.jet-listing-grid__items').length) {
            jQuery(".decrement").off().on("click", function() {
                var input = jQuery(this).siblings('.qtd-input');
                var step = parseInt(input.data('step'));
                var val = parseInt(input.val());
                var min = parseInt(input.attr('min'));

                // Se o valor não for um número, definir como 0
                if(isNaN(val)) {
                    val = 0;
                }

                // Se min não for um número, definir como 0
                if(isNaN(min)) {
                    min = 0;
                }
                
                if(val > min) {
                    input.val(val - step);
                }
            });

            jQuery(".increment").off().on("click", function() {
                var input = jQuery(this).siblings('.qtd-input');
                var step = parseInt(input.data('step'));
                var val = parseInt(input.val());
                
                // Se o valor não for um número, definir como 0
                if(isNaN(val)) {
                    val = 0;
                }

                input.val(val + step);
            });

            observer.disconnect();
        }
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
}

jQuery(document).ready(function() {
    handleIncrementDecrement();
        calcularTotal();
});





function verificarSelectsVazios() {
    var selects = document.querySelectorAll('select'); // Obtém todos os elementos 'select' no formulário

    // Variável para controlar se o alerta foi exibido
    var alertaExibido = false;

    // Percorre todos os selects
    for (var i = 0; i < selects.length; i++) {
        var select = selects[i];

        // Verifica se o valor do select é vazio (primeira opção selecionada)
        if (select.value === '') {
            // Exibe o alerta apenas se ainda não foi exibido
            if (!alertaExibido) {
                alert('Por favor, preencha todos os campos obrigatórios e variações.');
                alertaExibido = true; // Define como true para evitar alertas adicionais
            }
            break; // Sai do loop assim que encontrar o primeiro select vazio
        }
    }
    
    return alertaExibido;
}

</script>