Tudo o que quer saber antes de instalar.
Uma análise detalhada de como o Módulo Carrossel de Produtos PrestaShop 8/9: Sliders Ilimitados funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.
Cartões de produto que finalmente respeitam o seu tema
A maioria dos módulos de carrossel traz o seu próprio HTML de cartão de produto. Resultado: preços que ignoram as suas regras de apresentação, etiquetas de promoção em falta, um botão de vista rápida que não funciona e um estilo que destoa. O Product Carousel Pro renderiza cada produto através do template de miniatura do seu tema ativo, alimentado por ProductAssembler e ProductPresenter, os mecanismos internos do PrestaShop. O que vê numa página de categoria é exatamente o que obtém no carrossel: os mesmos preços, as mesmas etiquetas, a mesma vista rápida e o mesmo adicionar ao carrinho. Se mudar de tema amanhã, o carrossel acompanha sem uma linha de código.
Seis fontes de produtos, incluindo a seleção à mão
Cada carrossel escolhe a sua fonte: mais vendidos, novidades, promoções em curso, produtos de uma categoria escolhida na árvore, categoria da página inicial ou seleção manual. Neste último modo, uma pesquisa automática encontra os seus produtos por nome ou referência, e um simples arrastar e largar fixa a sua ordem: o front-office respeita essa ordem à letra. Pode limitar o número de produtos carregados por carrossel, e os produtos inativos ou invisíveis são filtrados automaticamente.
Qualquer posição, incluindo os seus próprios hooks
Seis hooks padrão cobrem as posições clássicas: página inicial, topo e base do conteúdo, antes do rodapé, base da ficha de produto e carrinho. Mas a verdadeira vantagem é o hook personalizado: escreva um nome no formulário, o módulo regista-o no momento e coloca {hook h='displayOMeuCarrossel'} onde quiser nos seus templates. Vários carrosséis podem partilhar o mesmo hook, ordenados por posição. E a sintaxe widget {widget name='dfproductcarousel' carousel=3} aponta para um carrossel específico, prática num CMS ou num template feito à medida.
Um motor de deslocação cuidado, sem jQuery
O motor está escrito em JavaScript vanilla: colunas recalculadas por patamar responsivo (os valores de desktop, tablet e telemóvel que escolheu), deslocação produto a produto ou linha a linha, ciclo infinito sem solavancos graças à clonagem transparente das extremidades, autoplay com pausa ao passar o rato e com o separador oculto, swipe tátil e com rato protegido contra cliques acidentais, navegação por teclado, suporte RTL e respeito por prefers-reduced-motion. Um bloco CSS por instância aplica as colunas responsivas antes mesmo do carregamento do script: nenhuma deslocação do layout na primeira renderização.
Cinco skins e ajustes finos, sem tocar no tema
O skin clássico deixa os seus cartões de produto rigorosamente intactos. O Minimal achata-os, o Cartão eleva-os com sombra e cantos arredondados, o Contorno enquadra-os com uma linha fina e a Secção escura assenta o carrossel sobre um fundo escuro de belo efeito na página inicial. Junte o alinhamento do título, o subtítulo, a cor de destaque (herdada do seu tema se não escolher nenhuma), o espaçamento entre produtos, três estilos de setas, dois estilos de paginação e o modo de largura total: cada carrossel ganha a sua personalidade e o seu tema nunca é alterado.
Ainda não existem avaliações.