PrestaShop Design & Navegação

Página de Categoria Visual: Subcategorias em Mosaicos de Imagens (Category Wall)

Páginas de categoria que dão vontade de clicar, e não uma simples lista com marcadores.

At a glance
  • Substitui a lista de subcategorias nativa por um mural de mosaicos com imagem
  • Três disposições: grelha, mosaico e carrossel
  • Contadores de produtos em tempo real, com contagem recursiva opcional
  • Compatível com PrestaShop 8 e 9, multiloja e cinco idiomas
  • Zero dependências: CSS e JavaScript vanilla, sem jQuery
Grelha · Mosaico · Carrossel Contadores de produtos em direto Mosaicos com imagem automáticos PS 8 e 9 Multiloja
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Página de categoria PrestaShop a mostrar as subcategorias em mosaicos de imagens
v1.0.0 · atualizado 2026-07-16
O que faz

A versão curta.

01

Três disposições num clique

Grelha regular, mosaico dinâmico ou carrossel deslizante: escolha a apresentação que valoriza as suas secções, sem tocar no tema.

02

Mosaicos com imagem automáticos

Cada subcategoria mostra a sua imagem de capa. Na falta de imagem, entra um mosaico com gradiente e a inicial: nunca fica um vazio visual na grelha.

03

Contadores de produtos

Uma etiqueta indica o número de produtos por subcategoria, com contagem recursiva opcional em toda a árvore e ocultamento das categorias vazias.

04

Pensado para o desempenho

Contagem numa única consulta agrupada guardada em cache, imagens em lazy loading e CSS e JavaScript nativos, sem bibliotecas externas.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Página de Categoria Visual: Subcategorias em Mosaicos de Imagens (Category Wall) funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

A lista de subcategorias nativa envelheceu

Na maioria dos temas PrestaShop, a página de categoria continua a mostrar as suas subcategorias sob a forma de uma lista com marcadores ou de pequenas miniaturas apertadas: pouco apelativa, sem hierarquia visual e longe dos padrões atuais de merchandising. O Category Wall substitui esse bloco por um mural de mosaicos com imagem, limpo e moderno, que convida mesmo o visitante a explorar as suas secções.

§ 02

Três disposições para três utilizações

A grelha oferece um resultado regular e legível, ideal para um catálogo estruturado. O mosaico destaca uma subcategoria com um bloco ampliado, perfeito para guiar o olhar para uma secção principal. O carrossel condensa muitas subcategorias num deslocamento horizontal fluido, tátil no telemóvel e com setas no computador. Tudo se define a partir da configuração, sem uma única linha de código.

§ 03

Contadores que tranquilizam o comprador

Cada mosaico pode mostrar o número de produtos da subcategoria. A contagem recursiva soma os produtos de toda a árvore descendente, e pode ocultar automaticamente as subcategorias vazias para apresentar apenas secções realmente fornecidas. O cálculo é feito numa única consulta agrupada, guardada em cache, sem impacto no tempo de carregamento.

§ 04

Robusto, leve e respeitador do tema

O Category Wall liga-se de forma limpa ao topo da página de categoria e não impõe qualquer override. As imagens são carregadas em lazy loading, a apresentação assenta em CSS e JavaScript nativos sem jQuery, e o conjunto respeita o prefers-reduced-motion. O módulo é compatível com PrestaShop 8 e 9, multiloja, e vem em cinco idiomas.