![Shopify Ajax Cart Drawer for Shopify [No APP or external library]](http://made4uo.com/cdn/shop/articles/CART_DRAWER_c923acdb-abff-4802-bff1-4eab67bad3c9.jpg?v=1754773035&width=533)
Compatibilidade: Compatível com Temas GRATUITOS do Shopify 2.0 APENAS
Seria bom adicionar o código do cupom na página do carrinho para que o cliente não precisasse esperar até ir à página de finalização da compra para ver quanto está pagando.
Como proprietário de uma empresa de comércio eletrônico, uma das maneiras mais eficazes de atrair e reter clientes é oferecer descontos e promoções. Shopify, uma das principais plataformas de comércio eletrônico, oferece uma interface amigável que permite integrar perfeitamente códigos de desconto em sua loja online. Neste artigo, orientaremos você no processo de adição de códigos de desconto diretamente na página do carrinho do Shopify, tornando mais fácil para seus clientes se inscreverem e aproveitarem os benefícios de suas promoções.
Veja a demonstração com a gaveta do carrinho aqui .
O que você está comprando:
- Adicione uma entrada para entrada de código de desconto na página do carrinho
- Aplique o desconto nos itens do carrinho e na finalização da compra
- Aplica apenas um código de desconto por entrada e não pode usar vários códigos por item do carrinho.
O que torna nosso código melhor:
- Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
- Não deixamos nem adicionamos códigos para anunciar em nosso site
- Nosso código é compatível com dispositivos móveis
Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.
Para iniciar:
1. Acesse Loja Admin Shopify > Temas > Ações > Editar código.
2. Na pasta Snippet, crie um novo snippet e nomeie-o como “carrinho de descontos”. Coloque o código abaixo no snippet recém-criado.
3. Se você estiver usando o recurso de gaveta do carrinho, pule as etapas 3 e 4. Caso contrário, encontre a pasta da seção e abra o arquivo main-cart-items.liquid. Encontre a class="cart-items", então antes de >, coloque o código abaixo
Veja imagem para posicionamento:
4. No mesmo arquivo, main-cart-items.liquid, antes do {% schema %} , coloque o código abaixo
Veja imagem para posicionamento:
5. Para mostrar este desconto na gaveta do carrinho, abra cart-drawer.liquid na pasta Snippet. Dentro do arquivo, encontre class="cart-items" e adicione o código abaixo antes de >.
Veja a imagem abaixo para posicionamento:
6. Em seguida, encontre o </cart-drawer-items> e na nova linha coloque o código abaixo
Veja a imagem abaixo para posicionamento:
É isso (",)
Copied!