Se você tiver uma caixa de seleção de termos e condições na página do carrinho de compras, pode ser necessário implementar código adicional para que funcione com Zapiet - Entrega e Recolhas.
Por favor, entre em contato conosco pelo [email protected]—teremos o prazer de implementar isso para você. Prossiga apenas se você estiver confortável editando o código por conta própria.
ID da caixa de seleção de termos e condições
Recomendamos criar uma cópia do seu tema ao vivo, para evitar fazer alterações que possam afetar os clientes.
Clique em Loja Online, depois em Temas para encontrar o tema que você estará editando.
Clique em ... e depois em Editar Código.
Na pasta Seções, encontre seu arquivo principal do carrinho.
O arquivo pode ter um nome diferente, como:
cart.liquid
cart-template.liquid
cart-footer.liquid
Encontre o trecho de código para sua caixa de seleção de termos e condições (geralmente colocado acima do botão de checkout).
Encontre o ID para a caixa de seleção e anote seu nome—aqui está nomeada como “concordar”. Pode estar nomeada de forma diferente, como:
Termos
Condições
Se você não conseguir encontrar o ID, precisará adicioná-lo.
Encontre este código:
type="checkbox"E substitua por:
type="checkbox" id="agree"
Adicionar suporte à caixa de seleção
Esses passos se aplicam apenas à versão 1 ou 2 do widget Zapiet - Entrega e Recolhas. Qual versão do widget estou usando?
Se você estiver em uma versão legada, entre em contato conosco no chat, e teremos o prazer de atualizar o widget para a versão mais recente!
Em Zapiet - Entrega e Recolhas, clique em Configurações e depois em Desenvolvedores.
Adicione o seguinte código à seção de Scripts personalizados.
window.customCheckoutValidation = function(params, callback) {
var input = document.querySelector("#agree");
if (input && !input.checked) {
alert("You must agree with the terms and conditions");
callback(false);
return;
}
callback(true);
}
Se necessário, altere este código para corresponder ao seu tema.
Se o ID da caixa de seleção não foi “termos”, altere o código acima para corresponder a ele.
Por exemplo:
Clique em Salvar.
Sua caixa de seleção de termos e condições agora deve estar integrada ao Zapiet - Entrega e Recolhas.
Se seus clientes clicarem em checkout antes de concordar com seus termos e condições, eles verão um alerta notificando-os para concordar com os termos e condições.
Se isso não for o caso em sua loja, veja nossa seção de solução de problemas.
Solução de problemas
Se o código não estiver funcionando como esperado, você pode:
Por favor, note que cada tema é diferente e pode precisar de etapas diferentes.
Igualar o código de exemplo ao código do seu tema
Repita o passo #2 de adicionar suporte à caixa de seleção para garantir que o ID da caixa de seleção de termos e condições corresponda ao código que você adicionou à sua loja.
Adicionar jQuery
Vá para o seu arquivo principal do carrinho.
Adicione o código abaixo no topo do arquivo.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Clique em Salvar.
Se você ainda estiver enfrentando problemas, entre em contato conosco no chat e teremos o prazer de ajudar!