Novo Módulo - Carrinho/Mini-Carrinho Moderno
Patch Notes - Carrinho/Mini-Carrinho Moderno
Novo
O módulo Carrinho/Mini-Carrinho Moderno transforma a experiência de compra da sua loja com um carrinho lateral elegante e uma página de carrinho totalmente reformulada. O cliente adiciona, remove e ajusta produtos sem precisar recarregar a página — tudo de forma rápida e intuitiva.
O que o módulo faz
- Exibe um painel lateral moderno ao lado direito da tela sempre que um produto é adicionado ao carrinho
- O produto é adicionado ao carrinho na hora, sem recarregar a página — a compra continua fluindo sem interrupções
- O cliente pode remover produtos diretamente do painel lateral, com uma confirmação rápida antes de excluir
- É possível alterar a quantidade dos itens diretamente no painel lateral, sem precisar ir até a página do carrinho
- O painel lateral aparece tanto no cabeçalho principal quanto na barra que acompanha o cliente ao rolar a página
- A página do carrinho ganha um layout moderno em duas colunas: produtos à esquerda e resumo do pedido, frete e cupom à direita
- Enquanto o frete está sendo calculado ou o cupom está sendo aplicado, um indicador visual deixa claro que a ação está em andamento
- Quando um produto no carrinho não tem estoque suficiente, um aviso aparece diretamente no item, sem precisar ir até a página do carrinho
- O campo de cupom pode começar recolhido, deixando a página mais limpa para quem não tem código de desconto
- O seletor de quantidade pode ser configurado como lista suspensa ou como botões de + e −, conforme a preferência da loja
- As cores dos botões principais são personalizáveis direto no painel de configurações, sem precisar mexer no código
Onde fica
Caminho no admin
Sistema → Configuração → Vendas → Fechar Pedido → Carrinho/Mini-Carrinho Moderno
Configurações disponíveis
Geral
| Opção | Para que serve |
| Habilitar | Liga ou desliga o módulo. Quando desligado, o carrinho volta ao visual padrão. |
| Cor dos botões Calcular e Aplicar | Define a cor dos botões de calcular frete e aplicar cupom. Use o seletor de cor ou digite o código hexadecimal da cor desejada. |
| Cor do botão Finalizar Pedido | Define a cor do botão principal de finalizar a compra. Use o seletor de cor ou digite o código hexadecimal. |
| Campo de cupom | Escolha se o campo de cupom aparece aberto ou recolhido na página do carrinho. A opção recolhida deixa a página mais limpa para quem não tem cupom. |
| Seletor de quantidade | Lista suspensa: o cliente escolhe a quantidade em uma lista com as opções disponíveis. Botões +/−: o cliente aumenta ou diminui a quantidade com cliques, sem ver o total em estoque. |
| Quantidade máxima na lista | Limita até quantas unidades aparecem na lista suspensa. Deixe em branco para mostrar todo o estoque disponível. Visível apenas quando a opção de lista estiver selecionada. |
Principais vantagens
- O cliente nunca precisa recarregar a página para adicionar ou gerenciar produtos — a compra flui sem interrupções
- O painel lateral aparece automaticamente ao adicionar um produto, incentivando o cliente a continuar comprando ou finalizar o pedido
- Os botões +/− não mostram o estoque total ao cliente, mantendo essa informação privada para a loja
- As cores dos botões são configuradas direto no painel admin, sem precisar acionar o time de desenvolvimento
- Funciona com todos os tipos de produto: simples, com variações (como cor e tamanho), agrupados e kits
- Indicadores visuais durante as ações do carrinho evitam cliques duplos e garantem que o cliente saiba que algo está acontecendo
Quer essa funcionalidade na sua loja?
Entre em contato com a equipe mageshop e saiba como ativar o módulo Carrinho/Mini-Carrinho Moderno.
Fale com a mageshop