Forneça uma navegação clara em camadas da Plataforma para os visitantes da sua loja. Equipe o seu site com um monte de filtros personalizáveis, controles deslizantes e widgets 'de-para'. Aproveite os recursos de SEO para subir de nível na SERP. Otimize a loja para dispositivos móveis para melhorar a experiência do cliente. 


  • Navegação em camadas Ajax
  • Comprar por marca
  • Filtros e controles deslizantes de preço
  • URLs e navegação amigáveis para SEO
  • Seleção de atributos múltiplos e únicos
  • Totalmente otimizado para celular


2 - Preço e Numérico


Adicionar filtros de atributo 'preço' à navegação em camadas

Usar na navegação em camadas - Para um atributo de preço a ser adicionado à navegação em camadas, vá para editar o atributo no painel de administração → Catálogo → Atributos → Gerenciar atributos e defina a configuração Usar na navegação em camadas para Filtrável .

Usar na navegação em camadas dos resultados da pesquisa - Defina esta opção como Sim se desejar que o atributo de preço também esteja disponível na navegação em camadas na página de resultados da pesquisa.



Tipo de exibição - As configurações dos filtros de atributo de preço são um pouco diferentes dos filtros normais. Por exemplo, para o tipo de exibição, você pode escolher a opção Padrão , Suspenso , Somente de Para ou Controle deslizante .

Etapa de intervalo - Também para esses atributos, você pode especificar a etapa de intervalo. Se você indicar 50 como aqui, serão criados intervalos automáticos com o passo 50, por exemplo, 0-50, 50-100. 100-150, etc

Esses intervalos automáticos são usados apenas para os tipos de exibição Dropdown e Default .

Etapa do controle deslizante - Você também pode especificar o tamanho da etapa do controle deslizante. Se você indicar 1,00 como aqui, serão criados intervalos automáticos com o passo 1.

A etapa do controle deslizante é usada apenas para o tipo de exibição Slider


Exemplo de Exibição de Widget



SEO para Preço e Numérico

Para filtros de atributo de preço , as opções de SEO são as mesmas dos filtros normais. Além disso, você pode excluir filtros de atributos de preço de determinadas categorias.


Criação de atributos numéricos, por exemplo, largura, altura

Se você usa atributos numéricos como largura ou altura e gostaria de usar o controle deslizante para esses atributos, escolha o tipo de entrada do catálogo Preço para esses atributos:

Escolha o tipo de entrada do catálogo Preço para atributos numéricos se desejar usar controles deslizantes para eles. Não se esqueça de definir a opção Utilizar Navegação em Camada para Filtrável.



Depois de criar os atributos de preço , vá para Catálogo → Navegação aprimorada → Filtros e clique no botão Carregar .

Depois disso, os atributos numéricos aparecerão na lista de filtros.



Esses filtros têm as mesmas configurações de outros filtros de atributo de preço .

Para atributos numéricos, você pode especificar rótulos para unidades de medida, por exemplo, px ( pixels ), MB ( megabytes ), pés ( pés ), etc. Esses rótulos serão exibidos na navegação em camadas no front end.

Exemplo de Etiqueta de Unidade


Exemplo de Collapsed

Para usar faixas de preço personalizadas, você deve habilitar o recurso na seção Configurações .

Vá para o painel de administração → Catálogo → Navegação melhorada → Configurações → Geral e defina esta opção como Sim .

Filtro de Recolher - Defina Recolher como Sim para mostrar apenas seu título por padrão. Os clientes poderão expandir o filtro clicando no título.

Excluir Filtro de Preço das Categorias - Para configurar o atributo Preço, vá em Painel Administrativo → Catálogo → Navegação Aprimorada → Configurações . Defina as categorias onde você deseja excluir o filtro de preço .


Na página Intervalos , você pode adicionar/excluir intervalos para o atributo de preço. As faixas de preço personalizadas precisam ser habilitadas na seção Configurações .



Pressione o botão Adicionar intervalo para adicionar um novo intervalo.



Pressione o botão Salvar depois de inserir os dados do intervalo.




Além das faixas de preço pré-definidas, você pode dar aos seus clientes a oportunidade de pesquisar por sua própria faixa de preço. Eles podem preencher apenas a margem de preço mínima ou máxima. Por exemplo, com 500 como preço máximo e 75 como mínimo (veja a captura de tela), a extensão encontrará todos os produtos entre esse intervalo de preço. Neste caso todos os produtos mais baratos ou iguais a 500 e mais caros ou iguais a 75 . Se você quiser usar apenas a opção de preço De-Para , defina a configuração Mostrar Preço Como para Somente de-Para .