Tudo o que quer saber antes de instalar.
Uma análise detalhada de como o DataFirefly SideCart: Carrinho Lateral para PrestaShop 8 funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.
Porquê um carrinho lateral?
Em cada 100 visitantes que clicam em «Adicionar ao carrinho», quantos chegam à página do carrinho e desistem? Muitos. O redirecionamento quebra o momento em que a vontade de comprar é mais forte. O SideCart resolve isso: o cliente vê o carrinho a encher-se sem sair da ficha de produto e pode continuar a comprar ou ir para o checkout num clique. É o padrão de experiência das grandes lojas online e de qualquer comércio que leve a conversão a sério.
O que o cliente vê
Um painel de 380 px que desliza a partir do lado direito (configurável para a esquerda), com uma animação fluida. Lá dentro: a lista de produtos com imagem, nome, combinação, preço unitário e controlo de quantidade. Em baixo, o subtotal atualizado em tempo real e, em opção, o IVA e a entrega estimada. Dois botões de ação: ver o detalhe do carrinho ou ir diretamente para o checkout. A sobreposição atrás do painel é clicável para fechar.
Configuração em 5 minutos
Instale o ZIP pelo gestor de módulos do PrestaShop e vá a Módulos, DataFirefly SideCart e Configurar. É uma única página de definições: ativar ou desativar, posição (esquerda ou direita), abertura automática ao adicionar (sim ou não), sobreposição (sim ou não), fecho automático (sim ou não) com atraso em segundos, cor principal (com seletor de cor) e três caixas para apresentar subtotal, IVA e entrega. Grave e fica em linha.
Arquitetura e desempenho
O módulo usa os hooks nativos do PrestaShop 8 (displayHeader para os recursos, actionCartUpdateQuantityBefore para detetar as adições e displayAfterBodyOpeningTag para injetar o painel). O CSS tem menos de 10 kB comprimido e o JavaScript menos de 8 kB. Sem dependências externas: não exige jQuery nem qualquer framework. O impacto nos Core Web Vitals é nulo ou positivo, uma vez que retirar o redirecionamento para a página do carrinho melhora o LCP percebido.
Compatibilidade com multiloja
Totalmente compatível com o multiloja do PrestaShop: cada loja pode ter a sua própria configuração (cor diferente, posição diferente, hooks ativos ou não). As variáveis de configuração são guardadas por Configuration::updateValue, com o contexto multiloja padrão.
Telemóvel e acessibilidade
No telemóvel (abaixo de 768 px), o painel ocupa o ecrã inteiro para máxima legibilidade. O fecho é possível pela tecla Escape, pelo botão X no canto, pelo clique na sobreposição ou pelo deslize lateral, onde o dispositivo o suporta. Todos os elementos interativos têm rótulos ARIA e o foco fica preso no painel enquanto está aberto.
Ainda não existem avaliações.