# Como mostrar as subcategorias em mosaicos com imagens no PrestaShop?

> Numa categoria de universo, o visitante quer saber o que o conjunto contém: uma lista de ligações em texto responde-lhe mal. Onde colocar os mosaicos consoante o nível de categoria, como escolher os visuais, e o caso das páginas sem produtos próprios.

- Página: <https://www.datafirefly.com/pt/2026/09/17/subcategorias-mosaicos-imagens-prestashop/>
- Idioma: pt
- Publicado em: 2026-09-17
- Atualizado em: 2026-09-17
- Outros idiomas: [fr](https://www.datafirefly.com/2026/09/17/sous-categories-tuiles-images-prestashop/index.md), [en](https://www.datafirefly.com/en/2026/09/17/subcategories-image-tiles-prestashop/index.md), [es](https://www.datafirefly.com/es/2026/09/17/subcategorias-mosaicos-imagenes-prestashop/index.md), [de](https://www.datafirefly.com/de/2026/09/17/unterkategorien-bildkacheln-prestashop/index.md), [it](https://www.datafirefly.com/it/2026/09/17/sottocategorie-riquadri-immagini-prestashop/index.md), [pl](https://www.datafirefly.com/pl/2026/09/17/podkategorie-kafelki-zdjecia-prestashop/index.md), [nl](https://www.datafirefly.com/nl/2026/09/17/subcategorieen-tegels-afbeeldingen-prestashop/index.md)
- Índice: <https://www.datafirefly.com/pt/2026/llms.txt>

Numa categoria de nível intermédio, o visitante chega com uma intenção ainda larga. Não procura um produto preciso, procura saber o que o universo contém. Uma lista de ligações em texto responde-lhe mal, uma grelha de mosaicos com imagens responde-lhe bem.

## O que faz o tema por defeito

O comportamento nativo varia consoante os temas. O mais comum: uma lista de subcategorias em texto, por vezes com uma miniatura pequena, colocada acima ou abaixo da grelha de produtos.

Três limites.

Os **visuais estão ausentes ou são minúsculos**, o que os torna inúteis para orientar.

A **posição é fixa**, geralmente sob a descrição de categoria, onde poucos visitantes olham em mobile.

E sobretudo, em muitos temas, a lista **desaparece assim que há produtos** na categoria atual, que é o caso mais frequente.

## Onde colocar o bloco

A resposta depende do nível da categoria, e é isso que decide a eficácia.

**Numa categoria de universo**, sem produtos próprios ou com muito poucos, os mosaicos ocupam a página inteira. É o caso ideal: a página torna-se uma escolha visual entre subuniversos.

**Numa categoria intermédia** que contém ao mesmo tempo subcategorias e produtos, os mosaicos ficam acima da grelha de produtos, numa ou duas linhas no máximo. O visitante vê primeiro os caminhos possíveis, depois os produtos se preferir percorrer.

**Numa categoria terminal**, sem subcategoria, o bloco não tem razão de ser. Algumas implementações mostram aí as categorias irmãs, o que é outra função e merece tratamento próprio, de preferência no fim da página.

## Escolher os visuais

É o ponto que decide o resultado, mais do que a técnica.

**A coerência vale mais do que a beleza.** Doze mosaicos em que oito são fotos de produto recortadas e quatro são fotos de ambiente produzem uma grelha desordenada. Escolha um partido e mantenha-o em toda a loja.

**Foto de produto ou foto de utilização?** Num catálogo técnico, a foto de produto é mais legível: o visitante reconhece imediatamente do que se trata. Em decoração, têxtil ou alimentar, a foto de utilização vende melhor.

**O formato deve ser uniforme.** Um rácio único, aplicado a todos os mosaicos, com recorte automático centrado. Imagens com proporções diferentes partem a grelha.

**O texto deve continuar legível.** Se o título se sobrepõe à imagem, preveja um véu ou um fundo semiopaco. Um título branco sobre uma foto clara é ilegível, e o contraste é um critério de acessibilidade, não uma preferência estética.

## Quantos mosaicos, e por que ordem

Entre quatro e doze. Abaixo de quatro, uma lista em texto chega. Acima de doze, a grelha torna-se um catálogo em si e o visitante deixa de escolher.

Se tiver vinte subcategorias, duas opções: agrupar na árvore, ou mostrar em mosaicos apenas as principais com uma ligação «ver todas as categorias».

Quanto à ordem, a posição definida no back-office em vez da ordem alfabética. Ponha em primeiro o que vende, não o que começa por A.

## A acessibilidade

Duas regras muitas vezes falhadas neste tipo de bloco.

**A ligação deve ter um título legível.** Um mosaico que é apenas uma imagem clicável, sem texto alternativo, é uma ligação vazia para um leitor de ecrã. O nome da categoria tem de ser texto a sério, não parte da imagem.

**A zona clicável deve cobrir todo o mosaico**, não só o título. É também uma questão de conforto tátil.

## O caso da categoria sem produtos próprios

Uma categoria de universo que só contém subcategorias coloca uma questão de SEO.

Sem produtos nem conteúdo, a página é fina e posiciona-se mal, apesar de carregar muitas vezes a consulta genérica mais procurada do seu universo.

Três elementos tornam-na útil: os mosaicos de subcategorias, um texto de introdução de 150 a 300 palavras que explique o que o universo reúne, e eventualmente uma seleção de produtos em destaque vindos das subcategorias.

Este último ponto é o mais eficaz comercialmente: dá à página um conteúdo mercantil mantendo a sua função de orientação.

## Medir

Chegam dois indicadores.

A **taxa de clique para as subcategorias** a partir da página-mãe, antes e depois da implementação. É o efeito direto esperado.

A **taxa de rejeição da página-mãe**, que deve descer. Uma página de universo com uma taxa de rejeição alta assinala que o visitante não encontrou um caminho óbvio.

Um terceiro número merece vigilância nos catálogos grandes: a profundidade média de sessão a partir destas páginas. Se aumentar, a sua navegação funciona melhor.

O  implementa este bloco no PrestaShop 8 e 9: subcategorias em mosaicos com imagens em formato uniforme, posição configurável por nível de categoria, apresentação mantida mesmo quando a categoria contém produtos, e títulos em texto para a acessibilidade.