Eleve sua casa: Gadgets e organizadores exclusivos com Ask a Friend

Dê seu Cartpinion

Seu amigo precisa de ajuda para decidir algumas coisas em nossa loja. Dê uma mãozinha a ele...

Seu amigo valoriza sua opinião, deixe seus comentários e ideias para ajudá-lo a decidir.

Pergunte a um amigo

${com.content}

`; } se (com.dislikes == 1) { comentário += `

${com.commenterName} disse:

${com.content}

`; } } } mainHTML += `

imagem do produto

Azul Oceano

${produto.título}

${produto.preço / 100} ${Shopify.currency.ativo}

${produto.descrição || ''}

${comentário}

`; } se (dados.carrinho.itensdocarrinho.comprimento == 0) { document.querySelector('.rte').innerHTML = 'Nenhum carrinho encontrado'; } document.querySelector('.cart-products-main-div').innerHTML = mainHTML; se (dados.carrinho.ownerId == ID do usuário) { documento.querySelector('#askbtn').click(); var learnmore = document.querySelectorAll('.cart-products-learnmore'); learnmore.forEach (função (elemento) { element.style.display = 'bloco'; }); var removeButton = document.querySelectorAll('.cart-product-remove-button'); removeButton.forEach(função (elemento) { //elemento.estilo.display = 'flex'; elemento.onclick = função (e) { console.log('remover clicado'); console.log(e.target.getAttribute('data-id')); console.log(e.target.getAttribute('data-cartid')); var reqData = { tipo: 'remove-item', ID do usuário: ID do usuário, extra: {}, dados: { cartId: e.target.getAttribute('data-cartid'), itemId: e.target.getAttribute('id-dados'), }, }; buscar('/apps/pergunte-a-um-amigo', { método: 'POST', cabeçalhos: { 'Tipo de conteúdo': 'aplicativo/json', }, corpo: JSON.stringify(reqData), }) .then((resposta) => resposta.json()) .então((dados) => { console.log(dados); janela.localização.recarregar(); // initCustomPage(dados) // Manipule a resposta do servidor }) .catch((erro) => { console.error('Erro ao enviar solicitação:', erro); }); }; }); console.log('proprietário do carrinho'); // Obtenha todos os divs com o nome de classe "ask-comment-area" var askCommentAreas = document.querySelectorAll('.ask-comment-area'); // Faça um loop em cada div e oculte-o askCommentAreas.forEach(função (elemento) { element.style.display = 'nenhum'; }); // Obtenha o elemento com a classe "cart-product-feedback-btn" var feedbackButton = document.querySelector('.cart-product-feedback-btn'); // Altera o valor do atributo feedbackButton.setAttribute('tipo de dados', 'checkout'); feedbackButton.innerText = 'Finalizar compra'; } outro { var learnmore = document.querySelectorAll('.cart-products-learnmore'); learnmore.forEach (função (elemento) { element.style.display = 'nenhum'; }); var removeButton = document.querySelectorAll('.cart-product-remove-button'); removeButton.forEach(função (elemento) { element.style.display = 'nenhum'; }); } // Obtenha todos os elementos cart-product-like-dislike var cartProductLikeDislikeElements = document.querySelectorAll('.cart-product-like-dislike'); // Iterar sobre cada elemento cart-product-like-dislike cartProductLikeDislikeElements.forEach(função (elemento) { // Obtenha os botões de curtir e não curtir dentro do elemento atual var likeButton = elemento.querySelector('.cart-product-like'); var dislikeButton = elemento.querySelector('.cart-product-dislike'); var likeImage = likeButton.querySelector('.cart-image-like'); var dislikeImage = dislikeButton.querySelector('.cart-image-dislike'); // Adicionar ouvinte de evento de clique ao botão curtir likeButton.addEventListener('clique', função () { // Adicione as classes "ativas" e "curtidas" ao botão curtir likeButton.classList.add('ativo', 'curtido'); // Remover classe "ativa" do botão de não curtir dislikeButton.classList.remove('ativo'); dislikeButton.classList.remove('não gostou'); // Adicione a classe "vazio" ao botão de não gostar dislikeButton.classList.add('vazio'); likeButton.classList.remove('vazio'); sendGAEvent('like_button_clicked', {userID, "cartID": likeImage.getAttribute('data-cartid'), storeURL, "cartItemID": likeImage.getAttribute('data-id')}) }); // Adicionar ouvinte de evento de clique ao botão de não curtir dislikeButton.addEventListener('clique', função () { // Adicione as classes "ativas" e "não curtidas" ao botão de não curtir dislikeButton.classList.add('ativo', 'não gostou'); // Remover classe "ativa" do botão curtir likeButton.classList.remove('ativo'); // Remove a classe "vazia" do botão de não gostar, se existir dislikeButton.classList.remove('vazio'); likeButton.classList.add('vazio'); sendGAEvent('dislike_button_clicked', {userID, "cartID": dislikeImage.getAttribute('data-cartid'), storeURL, "cartItemID": dislikeImage.getAttribute('data-id')}) }); }); document.querySelector('.cart-product-feedback-btn').onclick = função (e) { e.preventDefault(); //document.querySelector("#ask2").style.display = "nenhum" //document.querySelector("#ask3").style.display = "bloco" console.log('enviar feedback'); se (this.getAttribute('tipo de dados') == 'feedback') { document.querySelector('#ask2').style.display = 'nenhum'; document.querySelector('#ask3').style.display = 'bloco'; janela.scrollTo(0, 0); var getFeedBackDiv = document.querySelectorAll('.cart-product-single'); //cart-product-single deixe feedbackData = []; para (deixe o feedback de getFeedBackDiv) { deixe tmp = { carrinhoItem: feedback.querySelector('.cart-product-feedback').getAttribute('data-id'), comentários: feedback.querySelector('.cart-product-feedback').value, como: feedback.querySelector('.comment.active').classList.contains('curtido') ? 1 : 0, não gostei: feedback.querySelector('.comment.active').classList.contains('disliked') ? 1 : 0, }; feedbackData.push(tmp); cartId = feedback.querySelector('.cart-product-feedback').getAttribute('data-cartid'); } sendGAEvent('send_cartpinion_clicked', {userID, "cartID": cartId, storeURL}) const reqData = { tipo: 'salvar-feedback', ID do usuário: ID do usuário, extra: {}, dados: { commenterId: ID do usuário, carrinhoId: carrinhoId, carrinhoToken: carrinhoToken, feedbackData: dados de feedback, }, }; console.log(reqData); buscar('/apps/pergunte-a-um-amigo', { método: 'POST', cabeçalhos: { 'Tipo de conteúdo': 'aplicativo/json', }, corpo: JSON.stringify(reqData), }) .then((resposta) => resposta.json()) .então((dados) => { console.log(dados); // initCustomPage(dados) // Manipule a resposta do servidor }) .catch((erro) => { console.error('Erro ao enviar solicitação:', erro); }); } outro { console.log('Checkout chamado'); janela.localização.href = `${window.Shopify.routes.root}checkout`; sendGAEvent('checkout_button_clicked', {userID, storeURL}) } }; document.querySelector('#askbtnlast').onclick = função (e) { console.log('último botão clicado'); e.preventDefault(); se (documento.querySelector('#askbtnlast').getAttribute('data-done')) { sendGAEvent('botão_vamos_às_compras_clicado', {userID, "cartID": cartId, storeURL}) janela.localização.href = janela.Shopify.routes.root; retornar falso; } //document.querySelector('#ask1').style.display = 'nenhum'; //document.querySelector('#ask2').style.display = 'bloco'; var askButton = document.querySelector('#askbtnlast'); askButton.disabled = verdadeiro; askButton.innerText = 'Processando.....'; deixe askname = document.querySelector('#thankyouname'); deixe askemail = document.querySelector('#thankyouemail'); sendGAEvent('thank_you_button_clicked', {userID, "cartID": cartId, storeURL, "nome": askname.value, "email": askemail.value}) var getFeedBackDiv = document.querySelectorAll('.cart-product-single'); //cart-product-single deixe feedbackData = []; para (deixe o feedback de getFeedBackDiv) { deixe tmp = { carrinhoItem: feedback.querySelector('.cart-product-feedback').getAttribute('data-id'), commenterName: askname.value, comentaristaE-mail: askemail.value, }; feedbackData.push(tmp); cartId = feedback.querySelector('.cart-product-feedback').getAttribute('data-cartid'); } const reqData = { tipo: 'atualização-feedback', ID do usuário: ID do usuário, extra: {}, dados: { commenterId: ID do usuário, carrinhoId: carrinhoId, carrinhoToken: carrinhoToken, feedbackData: dados de feedback, }, }; buscar('/apps/pergunte-a-um-amigo', { método: 'POST', cabeçalhos: { 'Tipo de conteúdo': 'aplicativo/json', }, corpo: JSON.stringify(reqData), }) .then((resposta) => resposta.json()) .então((dados) => { console.log(dados); document.querySelector('#thankyouname').value = ''; document.querySelector('#emaildeagradecimento').value = ''; // Desabilite o botão e altere o texto var askButton = document.querySelector('#askbtnlast'); askButton.removeAttribute('desativado'); askButton.innerText = 'Vamos às compras'; askButton.setAttribute('data-done', verdadeiro); document.querySelectorAll('.ask-friend-section-first-box').forEach(função (elemento) { element.style.display = 'nenhum'; }); document.querySelector('.thank-you-inputs-container').style.display = 'nenhum'; // initCustomPage(dados) // Manipule a resposta do servidor }) .catch((erro) => { console.error('Erro ao enviar solicitação:', erro); }); }; document.querySelector('#askbtn').onclick = função () { console.log('botão clicado'); sendGAEvent('botão_de_início_clicado', {ID_do_usuário, URL_da_loja}) sessionStorage.setItem('get_started', 1); document.querySelector('#ask1').style.display = 'nenhum'; document.querySelector('#ask2').style.display = 'bloco'; }; se (sessionStorage.getItem('get_started')) { documento.querySelector('#askbtn').click(); } document.querySelector('#ask-friend-section-close-icon-pre-advice').onclick = função (e) { sendGAEvent('get_started_close_button_clicked', {userID, storeURL}) console.log('botão fechar clicado'); e.preventDefault(); janela.localização.href = janela.Shopify.routes.root; }; document.querySelector('#ask-friend-section-close-icon-post-advice').onclick = função (e) { sendGAEvent('thank_you_close_button_clicked', {userID, "cartID": cartId, storeURL}) console.log('botão fechar clicado'); e.preventDefault(); janela.localização.href = janela.Shopify.routes.root; }; }