.elementor-27 .elementor-element.elementor-element-020a3ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-020a3ed:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-020a3ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FA;}.elementor-27 .elementor-element.elementor-element-dc41877{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.15);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-27 .elementor-element.elementor-element-dc41877:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-dc41877 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ff53850 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-703fdc4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:800;}.elementor-27 .elementor-element.elementor-element-bde19cc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-27 .elementor-element.elementor-element-bde19cc > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-27 .elementor-element.elementor-element-9b25908{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.15);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-27 .elementor-element.elementor-element-9b25908:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-9b25908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ff53850 );}.elementor-27 .elementor-element.elementor-element-59722ac .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:800;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-6be1ae9 );}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__desc{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__label, .elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__desc{display:flex;justify-content:flex-start;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form-col{align-items:flex-start;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__field:not(.checkradio-field):not(.range-field){font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-6be1ae9 );border-style:solid;border-color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form-repeater__actions{justify-content:flex-start;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form-repeater__row-remove{align-self:flex-start;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__submit{background-color:var( --e-global-color-e8ea325 );color:var( --e-global-color-ff53850 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );padding:20px 50px 20px 50px;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__submit-wrap{justify-content:flex-start;align-items:flex-start;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );border-style:solid;border-width:0px 0px 0px 0px;text-align:center;}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form-message--success{background-color:var( --e-global-color-secondary );color:var( --e-global-color-ff53850 );}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form-message--error{background-color:#9EC4EE;color:var( --e-global-color-1b2d454 );}.elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form__field-error, .elementor-27 .elementor-element.elementor-element-ba4fdcd .jet-form .jet-engine-file-upload__errors{text-align:left;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-dc41877{--width:50%;}.elementor-27 .elementor-element.elementor-element-9b25908{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-dc41877{--width:100%;}.elementor-27 .elementor-element.elementor-element-9b25908{--width:100%;}}@media(max-width:1366px){.elementor-27 .elementor-element.elementor-element-020a3ed{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-020a3ed{--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-703fdc4 .elementor-heading-title{font-size:24px;}.elementor-27 .elementor-element.elementor-element-59722ac .elementor-heading-title{font-size:23px;}}/* Start custom CSS for jet-engine-booking-form, class: .elementor-element-ba4fdcd */<div id="counter"></div>
<script>
//aqui escondemos o input carrinho
jQuery('#sn_carrinho').hide();	
	 
	//aqui cria o evento de click no submit
	jQuery('.submit-type-ajax' ).click(function() {
	 
	//variáveis dos campos do form
	var produtos = new Array(1);	 
	var sku_class = '.sn_sku';
	var titulo_class = '.sn_titulo';	
	var quantidade_class = '.sn_qtd';
	var imagem_class = '.sn_imagem';	
	var valor_class = '.sn_valor';	
	var carrinho_id = '#sn_carrinho';
	 
	//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');
    	
        //aqui criamos o template a ser enviado por email
        produtos[i] = `<div style="width:300px;">
                        <div style="margin:10px;border-radius:30px;text-align:center;padding:20px 0 0 0;border: 3px solid #F51344;">
                            <div>
                                <img src=${imagem} style="width:150px;"/>
                            </div>
                            <div>
                                <a href=${permalink} style="text-decoration:none;color:#fff;background-color:#F51344;padding:10px 30px;border-radius:10px;display:inline-block;margin:10px 0;">Link do Produto</a>
                            </div>
                            <div>
                                <p>${sku}</p>
                            </div>
                            <div>
                                <p><strong>Produto:</strong>${titulo}</p>
                            </div>
                            <div>
                                <p><strong>Quantidade:</strong>${qtd}</p>
                            </div>
                            <div>
                                <p style="font-size:25px;"><strong>Valor:</strong>${valor}</p>
                            </div>
                        </div>`;
        
        //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(produtos.join('').replace(/(\r\n|\n|\r)/gm," "));
                valor = valor +' cada';
        }
    
        
        
    }); 
    
    //aqui realizamos a limpeza do localStorage onde ficam armazenados os produtos
    localStorage.clear();	
});

  
</script>/* End custom CSS */