Tudo o que quer saber antes de instalar.
Uma análise detalhada de como o Botões +/− de Quantidade na Ficha de Produto: PrestaShop 8 e 9 funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.
Porquê substituir o campo de quantidade nativo?
Na ficha de produto, o PrestaShop mostra um pequeno campo numérico que o cliente tem de preencher pelo teclado ou através de minúsculas setas difíceis de acertar, sobretudo com o dedo no telemóvel. É um ponto de atrito mesmo antes de adicionar ao carrinho. Verdadeiros botões + e −, largos e bem visíveis, tornam a escolha da quantidade imediata e natural, tanto no computador como no telemóvel.
Como funciona o módulo
O módulo não mexe em nenhum ficheiro do tema. Carrega uma folha de estilos e um script leve apenas na ficha de produto. O script localiza o campo de quantidade existente, envolve-o num grupo de botões e acrescenta um + e um −. Esta abordagem por injeção torna-o compatível com o tema Classic e com temas personalizados, e protege-o das atualizações do PrestaShop, uma vez que nenhum template é substituído.
O caso do tema Classic e do bootstrap-touchspin
O tema Classic já enriquece o campo de quantidade com o bootstrap-touchspin, que acrescenta duas pequenas setas verticais. Sem cuidados, ficaríamos com essas setas além dos novos botões. O módulo neutraliza de forma limpa as setas touchspin dentro do seu próprio grupo, para conservar apenas os + e − bem legíveis, sem duplicados nem desalinhamentos.
Uma sincronização fiável com o carrinho
Mudar a quantidade não basta: é preciso que o PrestaShop a tenha em conta. A cada clique, o módulo aplica o novo valor e aciona os eventos esperados, nativos e jQuery, exatamente como se o cliente tivesse escrito o número. O preço total, as variantes e o botão de adicionar ao carrinho reagem normalmente. Depois de uma mudança de variante, que reconstrói o bloco de quantidade, os botões são reinjetados automaticamente.
Respeito pelo stock e pelas restrições do produto
Os botões não se limitam a incrementar às cegas: leem a quantidade mínima, a quantidade máxima e o passo definidos no campo. O cliente não pode descer abaixo do mínimo exigido nem encomendar para além do stock disponível quando este está limitado. O comportamento mantém-se coerente com as regras da sua loja.
Personalização sem código
Na página de configuração do módulo, escolhe o estilo dos botões (quadrado ou arredondado), a cor de fundo e a cor dos ícones + e −, e decide se oculta ou não as setas nativas do campo numérico. Assim, o módulo integra-se visualmente na sua identidade, sem escrever uma única linha de código.
Ainda não existem avaliações.