PrestaShop Design & Navegação

Módulo Barra de Navegação Móvel PrestaShop 8/9

A navegação móvel de uma aplicação nativa, na sua loja PrestaShop.

Uma barra de separadores fixa no fundo do ecrã, com início, pesquisa, carrinho, favoritos e conta, e com etiquetas de contagem em direto. O gesto que os seus clientes já conhecem de cor, finalmente disponível na sua loja.

At a glance
  • Barra de separadores fixa no fundo do ecrã, ao estilo das aplicações nativas
  • 5 separadores ativáveis: início, pesquisa, carrinho, favoritos e conta
  • Etiquetas de contagem em direto no carrinho e nos favoritos
  • Pesquisa em sobreposição de ecrã inteiro, sem sair da página
  • Ocultamento automático ao deslocar para baixo
PrestaShop 8 e 9 Multiloja 5 idiomas Sem dependências Safe-area iOS
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Barra de navegação móvel fixa no fundo do ecrã numa loja PrestaShop
v1.0.0 · atualizado 2026-07-12
O que faz

A versão curta.

01

O reflexo das aplicações nativas

Os seus clientes passam os dias em aplicações onde tudo se joga no fundo do ecrã, ao alcance do polegar. A barra de separadores reproduz exatamente esse reflexo: início, pesquisa, carrinho, favoritos e conta, sempre visíveis e sempre alcançáveis.

02

Etiquetas de contagem em tempo real

O número de artigos no carrinho e de produtos em favoritos aparece numa etiqueta colorida, atualizada em direto a cada adição e sem recarregar a página.

03

Pesquisa em sobreposição de ecrã inteiro

O separador de pesquisa abre um campo de ecrã inteiro instantâneo, sem sair da página atual. Em alternativa, um simples redirecionamento para a página de pesquisa.

04

Ocultamento inteligente ao deslocar

A barra desaparece quando o cliente desloca para baixo para ler, e reaparece assim que ele volta a subir. O ecrã fica livre quando é preciso e a navegação regressa quando se procura.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Módulo Barra de Navegação Móvel PrestaShop 8/9 funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

O polegar decide, e a barra do fundo converte

Mais de metade do tráfego de comércio eletrónico é móvel e, no telemóvel, tudo se joga no terço inferior do ecrã, a única zona que um polegar alcança sem esforço. Entretanto, a navegação de uma loja PrestaShop mantém-se concentrada no topo: menu de três traços, carrinho minúsculo e conta enterrada. A barra de separadores desloca os cinco destinos essenciais para onde a mão já os espera.

§ 02

Etiquetas que lembram o carrinho pendente

Um carrinho esquecido é uma venda perdida. A etiqueta de contagem mantém o carrinho visível de forma permanente durante toda a navegação, e atualiza-se em direto a cada adição, sem recarregar. O mesmo princípio se aplica aos favoritos: o cliente vê a qualquer momento o que pôs de lado, e volta lá com um toque.

§ 03

Uma pesquisa que não parte o percurso

O separador de pesquisa abre um campo de ecrã inteiro por cima da página atual: o cliente procura, encontra, e reencontra o seu contexto se fechar a sobreposição. O campo está dimensionado para evitar o zoom inoportuno do Safari no iOS, um pormenor que a maioria dos temas esquece. Se preferir a simplicidade, basta um clique no back-office para optar por um redirecionamento para a página de pesquisa nativa.

§ 04

Discreta quando é preciso, presente quando se procura

Numa ficha de produto longa ou numa página de categoria, a barra desaparece ao deslocar para baixo, para libertar o ecrã, e regressa assim que o cliente sobe. O separador correspondente à página atual é realçado automaticamente, a zona segura do iOS é respeitada para nunca se sobrepor à barra de início, e é acrescentado um espaço no fundo da página para não ocultar nada do conteúdo.

§ 05

Leve, autónoma e compatível com PrestaShop 8 e 9

Sem tipos de letra de ícones, sem imagens e sem bibliotecas: os ícones são SVG de traço integrados na apresentação, o JavaScript é nativo e o módulo não assenta em qualquer framework. Insere-se pelos hooks padrão sem alterar os templates do seu tema, funciona em multiloja e é entregue traduzido em cinco idiomas.