PrestaShop Design & Navegação

Breadcrumb Pro: Trilho de Navegação PrestaShop

Menus pendentes, JSON-LD BreadcrumbList e caminho inteligente em várias categorias

O trilho de navegação que faz navegar e posicionar: categorias irmãs acessíveis em cada nível, dados estruturados limpos para o Google, e sempre o caminho mais pertinente para os seus produtos em várias categorias.

At a glance
  • Menus pendentes em cada nível: acesso direto às categorias irmãs sem subir na árvore
  • JSON-LD BreadcrumbList conforme às diretrizes do Google, elegível para os resultados enriquecidos
  • 3 estratégias de caminho para os produtos em várias categorias, incluindo um modo contextual baseado na navegação do visitante
  • Sem overrides: compatível com qualquer tema que exponha o hook displayWrapperTop, multiloja e multilingue
PrestaShop 8 PrestaShop 9 Multiloja Sem overrides
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Trilho de navegação PrestaShop com menus pendentes e marcação JSON-LD
v1.0.0 · atualizado 2026-07-16
O que faz

A versão curta.

01

Menus pendentes de categorias irmãs

Cada nível do trilho mostra um menu pendente com as categorias do mesmo nível. Abertura ao passar o rato no computador, ao toque no telemóvel, navegação por teclado e atributos ARIA completos. Como opção, o último nível lista as subcategorias da categoria atual.

02

JSON-LD BreadcrumbList limpo

Dados estruturados schema.org injetados na etiqueta head, com o último elemento sem URL conforme as recomendações do Google. Posições numeradas, codificação segura e nunca emitidos em trilhos incompletos.

03

Caminho inteligente em várias categorias

Três estratégias à escolha: categoria predefinida, categoria mais profunda, ou modo contextual que retoma a última categoria visitada pelo cliente quando o produto lhe pertence. Cascata de recursos automática se uma categoria estiver desativada.

04

Substituição limpa do tema

O trilho do tema é ocultado em CSS, sem qualquer override de template ou de classe. O módulo liga-se ao displayWrapperTop e funciona com o tema Classic e com os temas do mercado.

05

Cobertura completa das páginas

Categorias, fichas de produto, páginas CMS com a sua árvore, marcas, fornecedores, e recurso automático ao título meta para as restantes páginas (contacto, promoções, mapa do site).

06

Multiloja e multilingue nativos

Todas as consultas respeitam as associações de loja e o idioma atual. Nomes e URLs de categorias traduzidos, com tradução francesa do back-office incluída.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Breadcrumb Pro: Trilho de Navegação PrestaShop funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Um trilho de navegação que se torna uma ferramenta de navegação

Numa loja comum, o trilho de navegação é apenas uma indicação de posição: para explorar uma categoria vizinha, o visitante tem de subir um nível e voltar a descer. O Breadcrumb Pro transforma cada nível num menu pendente com as categorias irmãs: a partir de uma ficha de produto de Ténis, o seu cliente passa para Corrida ou Ténis de cano alto num clique, sem sair da página. Nas páginas de categoria, uma opção mostra as subcategorias da categoria atual no último nível, para descer na árvore com a mesma facilidade com que se percorre.

§ 02

Dados estruturados que agradam ao Google

O módulo injeta uma marcação JSON-LD BreadcrumbList na etiqueta head de cada página: posições numeradas, nome e URL para cada nível, e último elemento propositadamente sem URL, como recomendam as diretrizes do Google. As suas páginas passam a ser elegíveis para mostrar o caminho de navegação nos resultados de pesquisa, em vez do URL em bruto, o que melhora a legibilidade dos seus snippets e a taxa de cliques.

§ 03

O caminho certo para os produtos em várias categorias

Quando um produto pertence a várias categorias, que caminho mostrar? O Breadcrumb Pro propõe três estratégias. Categoria predefinida: o comportamento clássico do PrestaShop, tornado mais fiável por um recurso automático se a categoria estiver desativada. Categoria mais profunda: o caminho mais específico, ideal para SEO. Contextual: o módulo memoriza a última categoria visitada pelo cliente e usa-a quando o produto lhe pertence, para um trilho que reflete o percurso real de navegação, com recurso à categoria mais profunda nos restantes casos.

§ 04

Uma integração sem riscos

Sem overrides de template nem de classe: o módulo liga-se ao hook displayWrapperTop, presente no tema Classic e na quase totalidade dos temas do mercado, e oculta o trilho do tema em CSS para evitar duplicados. As atualizações do PrestaShop e do seu tema não partem nada. O JavaScript é vanilla, sem jQuery, e o CSS está isolado sob um prefixo dedicado.

§ 05

Pensado para catálogos reais

Multiloja: cada consulta respeita as associações da loja atual. Multilingue: nomes de categorias, URLs reescritos e etiquetas são resolvidos no idioma do visitante. As páginas CMS mostram a sua árvore de categorias CMS, as páginas de marcas e de fornecedores têm o seu próprio trilho, e as restantes páginas recorrem de forma limpa ao seu título meta. As listas de categorias irmãs ficam em cache por pedido e limitadas em número, para se manterem rápidas mesmo em catálogos grandes.