Tudo o que quer saber antes de instalar.
Uma análise detalhada de como o Banner de Categoria no PrestaShop 8 funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.
Coloque um banner exatamente onde quiser na grelha de produtos
O PrestaShop 8 não oferece qualquer opção nativa para inserir conteúdo visual no meio de uma listagem de produtos. O DataFirefly Category Banner resolve isso: configura no back-office em que categoria o banner deve aparecer, a seguir a que número de produto e com que imagem conforme o idioma ativo. O banner é inserido na grelha exatamente onde o posicionou, com a mesma largura de um produto ou com uma largura personalizada através de uma classe CSS do Bootstrap (col-md-6, col-md-12, etc.).
Casos de utilização típicos
Destacar uma promoção ou um código de desconto no meio de uma listagem, para captar a atenção sem sair da página de categoria. Apresentar uma nova coleção inserida visualmente entre os produtos existentes. Mostrar um visual sazonal (saldos, Natal, regresso às aulas) que se integra naturalmente na grelha em vez de ocupar toda a largura. Apontar para uma página CMS ou uma landing page a partir de um banner clicável. Adaptar o visual por idioma para mercados diferentes, com uma imagem em português e outra em inglês para a mesma categoria.
Compatível com filtros por facetas e paginação em AJAX
No PrestaShop 8, os filtros por facetas e a paginação recarregam a lista de produtos em AJAX, sem recarregar a página. O módulo escuta o evento prestashop.updateProductList e volta a inserir os banners automaticamente após cada atualização do DOM, com um atraso de 100 ms para deixar a grelha estabilizar. O banner mantém-se visível seja qual for o filtro ativo e seja qual for a página.
Leve e sem impacto no desempenho
O CSS e o JavaScript do módulo são carregados apenas nas páginas de categoria, através de hookActionFrontControllerSetMedia, e não em todas as páginas da loja. Os dados dos banners são injetados em JSON na página apenas quando a categoria atual tem banners ativos. A inserção no DOM é feita em JavaScript puro, sem depender do jQuery nem de qualquer biblioteca de terceiros.
Ainda não existem avaliações.