- A Barra Filtro de Atributos mostra, no topo da página inicial e das categorias, uma barra com campos de seleção — por exemplo Aro, Largura e Altura.
- O cliente escolhe os valores, clica no botão e vê só os produtos que têm aquelas características.
- Você escolhe quais características viram campos, em que ordem eles aparecem e se cada campo deve mostrar só os valores que combinam com a escolha anterior.
- Disponível para lojas Magento 1.
Passo a Passo por Escrito
1. Confira os atributos que serão usados no filtro
Os campos da barra são os atributos dos seus produtos (as características que você preenche no cadastro, como cor, tamanho ou medida).
Acesse Catálogo → Atributos → Gerenciar Atributos e confira se os atributos que você quer usar já existem e estão preenchidos nos produtos.
Só aparecem na barra atributos do tipo Seleção (lista de opções) ou Múltipla Seleção. Atributos de texto livre, número ou preço não podem ser usados.
Em produtos com variações (configuráveis), preencha o valor no produto principal. Valores preenchidos só nas variações não aparecem no filtro.
Resultado esperado: Você sabe quais atributos vai usar e eles estão preenchidos nos produtos que devem aparecer na busca.
2. Acesse as configurações do módulo no painel administrativo
No painel, acesse Sistema → Configuração. No menu da esquerda, clique em Catálogo (dentro do grupo Catálogo) e abra o bloco Barra Filtro de Atributos.
Resultado esperado: O bloco Barra Filtro de Atributos aparece aberto, com os campos Habilitar, Atributos do filtro, Filtragem Condicional, Título do Filtro e Texto do Botão.
3. Habilite o módulo
No campo Habilitar, selecione Sim.
Por padrão, o módulo vem com Habilitar em Não — a barra só aparece na loja depois que você muda para Sim.
Resultado esperado: O campo Habilitar está com Sim selecionado.
4. Escolha os atributos e a ordem dos campos
No campo Atributos do filtro, monte a lista de campos da barra:
- Clique em Adicionar atributo. Uma nova linha aparece.
- Na coluna Atributo, escolha a característica (a lista está em ordem alfabética).
- Na coluna Ordem, digite um número. Na loja, os campos aparecem do menor para o maior número.
- Repita para cada campo que você quer na barra.
Exemplo para uma loja de pneus:
| Atributo | Ordem |
|---|---|
| Aro | 1 |
| Largura | 2 |
| Altura | 3 |
Na loja, a barra fica: Aro → Largura → Altura.
Se deixar a Ordem em branco, o campo vai para o fim da barra. Se duas linhas tiverem o mesmo número, vale a sequência das linhas na tabela. Se o mesmo atributo for adicionado duas vezes, ele aparece uma vez só.
Abaixo da tabela pode aparecer o campo Atributos (lista antiga). Ele é a forma antiga de escolher os atributos, sem ordem, e não é um segundo filtro na loja. Depois que você salvar a tabela com pelo menos um atributo, esse campo some do painel — isso é esperado.
A barra fica melhor distribuída com 2 a 5 campos. Com 1 campo ou com 6 ou mais, a barra pode ficar com espaço sobrando ou quebrar linha no computador.
Resultado esperado: A tabela mostra uma linha para cada atributo, com a Ordem que você quer na loja.
5. Defina a Filtragem Condicional (opcional)
No campo Filtragem Condicional, escolha:
- Sim: cada campo mostra só os valores que existem nos produtos já filtrados pelos campos anteriores. Exemplo: ao escolher Aro 15, o campo Largura só mostra as larguras que existem em pneus aro 15. O cliente nunca chega a uma combinação sem produto.
- Não: todos os campos mostram todos os valores do atributo, desde o início.
Com a Filtragem Condicional ligada, os campos seguem exatamente a Ordem da tabela do passo 4: o primeiro filtra o segundo, o segundo filtra o terceiro, e assim por diante. Os campos seguintes ficam vazios até o cliente escolher o anterior.
Resultado esperado: O campo Filtragem Condicional está com a opção desejada.
6. Personalize o título e o botão (opcional)
Preencha os textos que o cliente vai ver:
- Título do Filtro: texto que aparece no começo da barra. Padrão: Filtrar por. Exemplo:
Busque seu pneu por medidas. - Texto do Botão: texto do botão de busca. Padrão: Pesquisar. Exemplo:
Buscar pneus.
Resultado esperado: Os dois campos estão preenchidos com os textos da sua loja.
7. Salve e atualize o cache
Clique em Salvar Configuração, no topo da tela.
Depois, atualize o cache (memória temporária da loja): acesse Sistema → Gerenciamento de Cache, clique em Marcar Todos, escolha Atualizar em Ações e clique em Enviar.
Sem atualizar o cache, a loja pode continuar mostrando a barra antiga (ou não mostrar a barra).
Resultado esperado: A mensagem "A configuração foi salva" aparece no topo da tela e o cache aparece atualizado.
Validação e Testes
Após concluir a configuração, execute os testes abaixo para confirmar o funcionamento correto.
Teste 1 — A barra aparece na página inicial e nas categorias
Ação: abra a página inicial da loja. Depois, abra uma página de categoria.
Resultado esperado: A barra aparece no topo das duas páginas, com o título, um campo para cada atributo na ordem que você definiu e o botão.
Teste 2 — A busca traz os produtos certos
Ação: escolha um valor em cada campo e clique no botão.
Resultado esperado: Abre uma página de resultados com a barra no topo e só os produtos que têm todos os valores escolhidos.
Teste 3 — A Filtragem Condicional limita os valores (se ligada)
Ação: na barra, escolha um valor no primeiro campo e abra o segundo.
Resultado esperado: O segundo campo mostra só os valores que existem nos produtos com o valor escolhido no primeiro. Ao trocar o primeiro campo, os seguintes são limpos.
Teste 4 — A ordem segue a tabela
Ação: no painel, troque a Ordem de dois atributos, salve, atualize o cache e recarregue a página inicial.
Resultado esperado: Os dois campos trocam de lugar na barra.
Teste 5 — Se algo não funcionar
Se não funcionar, verifique:
- Se Habilitar está em Sim e se o cache foi atualizado depois de salvar.
- Se a tabela Atributos do filtro tem pelo menos um atributo — sem atributos, a barra mostra só o título e o botão.
- Se você está editando a configuração na loja certa: no topo à esquerda, em Escopo da Configuração Atual, escolha a visão da sua loja e confira se os valores são os mesmos.
- Se os produtos estão Habilitados, com Visibilidade em Catálogo ou Catálogo, Busca, e com o atributo preenchido no produto principal.
- Se a busca não trouxe um produto que tem vários valores marcados no mesmo atributo (Múltipla Seleção) — veja as Observações Importantes.
Pronto! Dessa forma realizamos a configuração da Barra Filtro de Atributos em sua loja virtual Magento 1.
Observações Importantes
-
Onde a barra aparece: na página inicial, nas páginas de categoria e na página de resultados. Ela não aparece em outras páginas de conteúdo nem na página do produto.
-
Produtos considerados: só produtos Habilitados e com Visibilidade em Catálogo ou Catálogo, Busca aparecem nos resultados e nos valores da Filtragem Condicional. Produtos sem estoque também aparecem, com o aviso Sem estoque.
-
Atributos de Múltipla Seleção: se um produto tiver mais de um valor marcado no mesmo atributo (ex.: serve em Aro 15 e Aro 16), ele não aparece ao buscar por um desses valores. Para filtros, prefira atributos de Seleção (um valor por produto).
-
Página 2 dos resultados: a página de resultados mostra 12 produtos por vez. A navegação para as páginas seguintes e a troca da quantidade por página podem apresentar erro — se isso acontecer, fale com o suporte.
Links de campanha: evite enviar clientes para a página de resultados com códigos de rastreamento de anúncios no link (como utm_source). A página pode exibir erro nesse caso.
-
Filtragem Condicional na página de resultados: depois de buscar, só o primeiro campo continua com o valor escolhido; os seguintes voltam a mostrar o nome do campo. Os resultados continuam corretos.
-
Ordem dos valores: sem a Filtragem Condicional, os valores de cada campo seguem a ordem do cadastro do atributo. Com ela, a partir do segundo campo, os valores aparecem em ordem de texto — por isso
100pode aparecer antes de20. -
Nome do campo: o nome que aparece em cada campo é o nome principal do atributo (o que está em Gerenciar Atributos), o mesmo em todas as visões de loja.
-
Escopo: você pode configurar a barra de forma diferente para cada visão de loja, usando o seletor Escopo da Configuração Atual.
-
Lista antiga: se a sua loja já usava a barra antes da tabela de ordem, ela continua igual até você cadastrar a tabela. Enquanto a tabela estiver vazia, ao salvar a tela de Catálogo, os campos podem passar para a ordem alfabética. Cadastre a tabela para fixar a ordem que você quer.
Referências e Relacionados
- Limpeza de cache da loja: toda alteração na barra só aparece depois de atualizar o cache. Aprenda a atualizar o cache da sua loja
- Atributos de produto: os campos da barra são atributos do produto. Esta doc explica como criar atributos do tipo Seleção e cadastrar as opções.
- Cadastro de produtos configuráveis: ajuda a entender onde preencher os atributos em produtos com variações para que eles apareçam no filtro.
- Visibilidade e status do produto: explica as opções de Visibilidade e Status, que definem se o produto entra nos resultados da barra.
Caso tenha ficado alguma dúvida entre em contato com nosso time de suporte através do chat online dentro da sua loja virtual ou através do e-mail web@tryideas.com.br