PrestaShop Design & Navegação

Banner de Categoria no PrestaShop 8 & 9

Banners visuais nas suas listagens de categoria, na posição exata que escolher.

O DataFirefly Category Banner insere um banner de imagem na grelha de produtos de qualquer categoria PrestaShop 8 ou 9, a seguir ao produto que escolher. Posição exata, agendamento por datas, âmbito às subcategorias, imagem por idioma, sem mexer no seu tema.

Em resumo
  • Banner inserido a seguir ao produto N da listagem, em cada página de resultados
  • Tamanho à escolha na grelha: de 1 a 4 colunas ou linha inteira, de 1 a 3 linhas
  • Data de início, data de fim e âmbito às subcategorias para cada banner
  • Imagem e texto alternativo por idioma, com recurso ao idioma predefinido
  • PrestaShop 8.0 a 9.x: tema Classic, Creative Elements e temas com grelha CSS
PrestaShop 8 & 9 Multilingue Multiloja Agendamento
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
  • PrestaShop Certified Agency 2026
  • PrestaShop Expert Certification — Core Skills

Desenvolvido por uma agência certificada PrestaShop

www.datafirefly.com/pt/
Banner personalizado numa página de categoria do PrestaShop 8
v1.2.0 · atualizado 2026-10-15
O que faz

A versão curta.

01

Posição livre na grelha

Escolha a seguir a que produto o banner aparece: depois do 4.º, do 8.º, do 12.º. Vários banners por categoria, cada um na sua posição, e a ordem é respeitada quando dois banners partilham a mesma.

02

Um banner do tamanho que quiser

Defina quantas colunas (de 1 a 4, ou a linha inteira) e quantas linhas (de 1 a 3) cada banner ocupa. No modo de preenchimento, a imagem alinha-se com a altura dos produtos ao lado. No telemóvel, a largura reduz-se ao número de colunas disponíveis.

03

Agendamento e subcategorias

Cada banner aceita uma data de início e uma data de fim, e abrange apenas a categoria ou a categoria e todas as suas subcategorias.

04

Multilingue com recurso

Imagem e texto alternativo configuráveis por idioma. Se um idioma não tiver o seu próprio visual, entra o do idioma predefinido em vez de deixar um vazio na grelha.

05

Grelha detetada em qualquer tema

O módulo encontra os produtos da listagem pelos seus próprios marcadores, quer a grelha venha do tema Classic, do Creative Elements ou de um tema à medida. O banner volta a ser inserido após os filtros por facetas, a ordenação, a paginação, um botão «carregar mais» ou o scroll infinito.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Banner de Categoria no PrestaShop 8 & 9 funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Coloque um banner exatamente onde quiser na grelha de produtos

O PrestaShop não oferece qualquer opção nativa para inserir conteúdo visual no meio de uma listagem. O DataFirefly Category Banner preenche essa lacuna: no back office indica a categoria pretendida, o número do produto a seguir ao qual o banner é inserido e o visual a usar em cada idioma. O banner aparece na grelha na posição pedida e com o tamanho que escolher: uma célula de produto, duas colunas em duas linhas ou toda a largura da listagem.

§ 02

Um banner 1 × 1, 2 × 2 ou em linha inteira

Cada banner tem o seu próprio tamanho: de 1 a 4 colunas ou a linha inteira, e de 1 a 3 linhas nas listagens com grelha CSS. Os produtos seguintes ocupam o espaço livre, sem vazios na grelha. No modo de preenchimento, a imagem cobre toda a área e assume a altura dos produtos ao lado; no modo de proporções, mantém o formato original. Num ecrã de duas colunas, um banner de quatro colunas passa automaticamente para linha inteira.

§ 03

Agende as suas campanhas com antecedência

Cada banner aceita uma data de início e uma data de fim. Prepare os visuais dos saldos, da Black Friday ou das festas com semanas de antecedência: aparecem e desaparecem sozinhos, sem intervenção no próprio dia. Um banner sem datas fica visível permanentemente, e o interruptor de ativação permite suspendê-lo sem o eliminar.

§ 04

Um banner para toda uma árvore de categorias

A opção de subcategorias evita recriar o mesmo banner em cada secção. Definido numa categoria pai, o banner aparece nessa categoria e em todas as suas subcategorias, seja qual for a profundidade. A resolução assenta na árvore aninhada nativa do PrestaShop, pelo que não custa uma consulta adicional por página.

§ 05

Multilingue, multiloja e sem vazios na grelha

Configura um visual e um texto alternativo por idioma. Quando um idioma não recebeu a sua própria imagem, o módulo mostra a do idioma predefinido da loja em vez de esconder o banner. Em multiloja, cada banner é associado às lojas que escolher no formulário, através de uma verdadeira tabela de associação.

§ 06

Compatível com Creative Elements, filtros AJAX e scroll infinito

O módulo não depende das classes de um tema concreto: encontra os produtos da listagem pelos seus marcadores (data-id-product, product-miniature) e deduz a grelha a partir deles, quer venha do tema Classic, do Creative Elements ou de um tema à medida com grelha CSS. Após um filtro por facetas, uma ordenação, uma mudança de página, um botão «carregar mais» ou o scroll infinito, os banners voltam às posições certas. Um banner na posição 4 fica sempre a seguir ao quarto produto apresentado, e uma posição superior ao número de produtos da página é ignorada. Para um tema realmente atípico, um campo das definições aceita o seletor CSS da grelha.

§ 07

Leve, e sem perda de imagens na atualização

O CSS e o JavaScript são carregados apenas nas páginas de categoria, e só quando a categoria atual tem pelo menos um banner ativo. O HTML do banner é gerado no servidor por um template Smarty; o JavaScript limita-se a inseri-lo no sítio certo, sem jQuery nem bibliotecas de terceiros. As imagens carregadas ficam em /img/datafireflycategorybanner/, fora da pasta do módulo, o que as preserva nas atualizações. As suas dimensões são escritas no HTML para evitar qualquer deslocamento do layout durante o carregamento.

49,00€
Pagamento único · 12 meses de atualizações
Ler a documentação
  • Instalações ilimitadas em dev e staging
  • Código-fonte incluído
  • Reembolso em 30 dias
  • Suporte em 24h · EN / FR
5,0/5 20 avaliações