Passo a passo instalação do script.
- Dentro do CMS, no template de produto, inclua a seguinte linha antes do fechamento do body
</body>
:
<div id="flag-controll" style="display:none;">
<vtex.cmc:HightLight/>
<vtex.cmc:discountHightLight/>
</div>
- Faça updload do arquivo
script-montador-produto.js
dentro do CMS vtex - Dentro do CMS, no template de produto, inclua a seguinte linha antes do fechamento do body
</body>
<script src="/arquivos/script-montador-produto.js"></script>
Aguarde o cahe para testar. Caso corra tudo bem, cloqueo no template em produção.
- Acesse admin da loja, vá para
checkout
no menu esrquerdo - Será mostrado os checkouts das lojas, clique na engrenagem da loja desejada
- No menu que aparece no topo selecione código.
- No menu lateral clique em
checkout5-custom.js
- Faça um backou de segurança do conteúdo desse arquivo
- Copie o conteudo do
script-montador-checkout.js
que está nesse respositório e cole o final do arquivo aberto no checkout (checkout5-custom.js
) - Salve e faça os testes necessários.
- Etre nesse produto teste aqui usande o lid da página de teste
- Digite um cep válido para o achei montador
- deve aparecer a caixa de diálogo oferecendo o serviço de montagem
- digite um cep inválido para o achei montado
- A caia de diálgo deve sumir
- digite novamente um cep válida
- selecione a caixa de diálogo
- coloqueo o produto no carrinho e verifique se o serviso de montagem também foi para o carrinho.
- Remova o serviço de montagem do carrinho clicando no "X"
- a caixa de diálogo oferecendo o serviso novamente, deve aparecer desmarcada
- Selecione a caixa de deiálogo do achei montador
- ao selecionar o servido deve ser incluído no carrinho