DocumentaçãoCommerceGerenciamento de catálogo

Navegação em camadas

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Líder
  • Usuário
NOTE
A navegação em camadas padrão descrita nesta seção é diferente da navegação filtrada do Live Search com facetas.

A navegação em camadas facilita a localização de produtos com base na categoria, na faixa de preço ou em qualquer outro atributo disponível. A navegação em camadas geralmente aparece na coluna esquerda dos resultados da pesquisa e nas páginas de categoria e, às vezes, na página inicial. A navegação padrão inclui uma lista de categorias e um intervalo de preços Comprar por. Você pode configurar a exibição da navegação em camadas, incluindo a contagem de produtos e a faixa de preços.

Navegação em camadas por categoria e preço

Atributos filtráveis

NOTE
Os requisitos de atributo filtráveis descritos neste tópico são diferentes para o Live Search. Para saber mais, consulte Facetas.

A navegação em camadas pode ser usada para procurar produtos por categoria ou por atributo. Por exemplo, quando um comprador escolhe a categoria Mens/Shorts na navegação superior, os resultados iniciais incluem todos os produtos na categoria. A lista pode ser filtrada ainda mais escolhendo um estilo, clima, cor, material, padrão ou preço específico — ou uma combinação de valores. Os atributos filtráveis são exibidos em uma seção de expansão que lista cada valor de atributo. Como opção, a lista de produtos com resultados correspondentes pode ser configurada para incluir produtos com ou sem uma correspondência.

As propriedades do atributo, combinadas com o tipo de entrada do produto, determinam quais atributos podem ser usados para a navegação em camadas. A navegação em camadas está disponível somente para as categorias âncora, mas também pode ser adicionada às páginas de resultados da pesquisa. A propriedade Tipo de Entrada de Catálogo para o Proprietário do Repositório de cada atributo deve ser definida como Yes/No, Dropdown, Multiple Select ou Price. Para tornar os atributos filtráveis, a propriedade Usar na Navegação em Camadas de cada um deve ser definida como Filterable (with results) ou Filterable (no results).

Exemplo: atributos filtráveis com resultados

Atributos filtráveis na navegação em camadas

Exemplo: valores de amostra filtráveis exibidos sem resultado

Valor de amostra filtrável sem resultados

As instruções a seguir mostram como configurar a navegação em camadas básica com atributos filtráveis. Para uma navegação em camadas avançada com etapas de preço, consulte Navegação de Preço.

Etapa 1: Configurar as propriedades do atributo

  1. Na barra lateral Admin, vá para Stores > Attributes>Product.

  2. Procurar ou usar a pesquisa filtrada para localizar um atributo na lista e abri-lo no modo de edição.

    Insira os termos de pesquisa por coluna para usar a pesquisa filtrada {width="700" modal="regular"}

  3. No painel esquerdo, escolha Storefront Properties e defina Use In Layered Navigation como um dos seguintes:

    • Filterable (with results) - A navegação em camadas inclui apenas os filtros para os quais os produtos correspondentes podem ser encontrados. Qualquer valor de atributo que já se aplique a todos os produtos mostrados na lista ainda deve aparecer como um filtro disponível. Valores de atributo com uma contagem de zero (0) correspondências de produto são omitidos da lista de filtros disponíveis. A lista filtrada inclui apenas os produtos que correspondem ao filtro. A lista de produtos é atualizada somente se os filtros selecionados alterarem o que é mostrado.

    • Filterable (no results) - A navegação em camadas inclui filtros para todos os valores de atributos disponíveis e suas contagens de produtos, incluindo produtos com zero (0) correspondências de produto. Se o valor do atributo for uma amostra, ele será exibido como um filtro, mas riscado. A filtragem em camada de preço não é compatível com essa opção e não afeta os Filtros de preço.

  4. Defina Use In Search Results Layered Navigation como Yes.

    Propriedades da vitrine {width="600" modal="regular"}

  5. Repita essas etapas para cada atributo que deseja incluir na navegação em camadas.

NOTE
Quando a configuração Use in Search ​está definida como No, a configuração​_Use in Search Results Layered Navigation_ não é exibida e o atributo de produto não é usado na pesquisa com nenhum valor de configuração Use in Layered Navigation.
NOTE
O campo Position fica esmaecido por padrão, portanto, você deve salvar o atributo antes de modificar essa configuração.

Etapa 2: tornar a categoria uma âncora

  1. Na barra lateral Admin, vá para Catalog > Categories.

  2. Na árvore de categorias, selecione a categoria em que deseja usar a navegação em camadas.

  3. Expanda Seletor de expansão a seção Display Settings e defina Anchor como Yes.

    Configurações de Exibição de Categoria {width="600" modal="regular"}

  4. Clique em Save.

Etapa 3: testar os resultados

Para testar a configuração, visite sua loja e navegue até a categoria do menu principal. A seleção de atributos filtráveis é exibida na navegação em camadas da página de categoria.

Pesquise, filtre e revise os produtos exibidos.

Remover valores de atributo filtráveis da navegação em camadas

A navegação em camadas inclui filtros para todos os valores de atributo disponíveis e suas contagens de produto, incluindo produtos com zero (0) correspondências de produto (como mostrado na imagem a seguir).

Nenhum filtro sendo exibido

Esse resultado pode dificultar para os clientes selecionarem um produto preferencial e não há necessidade de exibir valores de atributo ​​com 0 produtos no front-end.

Você pode usar as seguintes etapas para remover valores de atributos filtráveis com 0 Produtos da navegação em camadas:

  1. Na barra lateral Admin, vá para Stores > Attributes>Product.

  2. Procurar ou usar a pesquisa filtrada para localizar um atributo na lista e abri-lo no modo de edição.

  3. Em Attribute Information, clique em Storefront Properties.

  4. Para Layered Navigation, escolha Filterable (with results).

    Seção de Informações do Atributo {width="600" modal="regular"}

  5. Clique em Save Attribute.

NOTE
A configuração de navegação de preço descrita neste tópico é diferente para o Live Search.

A navegação de preço pode ser usada para distribuir produtos por faixa de preço na navegação em camadas. Também é possível dividir cada intervalo em intervalos. Há algumas maneiras de calcular a navegação de preço:

  • Automático (Equalizar Faixas de Preços)
  • Automático (Equalizar Contagens de Produtos)
  • Manual

Com os dois primeiros métodos, as etapas de navegação são calculadas automaticamente. O método manual permite especificar um limite de divisão para intervalos de preço. O exemplo a seguir mostra a diferença entre etapas de navegação de preço de 10 e 100.

A divisão iterativa fornece a melhor distribuição de produtos entre as faixas de preço. Com a divisão iterativa, depois de escolher o intervalo de US$ 0,00 a US$ 99, o cliente pode detalhar várias subfaixas de preços. A divisão de faixa de preços é interrompida quando o número de produtos atinge o limite definido pelo Limite de Divisão de Intervalo.

Exemplo: etapas de navegação de preço

Preço por 10
Preço por 100
$ 20,00 - $ 29,99 (1)
de US$ 0,00 a US$ 99,99 (4)
US$ 30,00 a US$ 39,99 (2)
US$ 100 a US$ 199,99 (5)
US$ 70,00 a US$ 79,99 (1)
$ 400,00 - $ 499,99 (2)
US$ 100,00 - US$ 109,99 (1)
US$ 700,00 e superior (1)
$ 120,00 - $ 129,99 (2)
$ 150,00 - $ 159,99 (1)
$ 180,00 - $ 189,99 (1)
$ 420,00 - $ 429,99 (1)
$ 440,00 - $ 449,99 (1)
US$ 710,00 e acima (1)

Configurar navegação de preço

IMPORTANT
Para exibir corretamente os produtos e seus preços de acordo com os filtros de preço na navegação em camadas, verifique se as configurações de exibição de preço na configuração de Imposto têm o mesmo valor (Excluding Tax ou Including Tax). Para o Calculation Settings, verifique o valor Catalog Prices. E para​_Price Display Settings_, verifique o valor Display Product Prices in Catalog. Se eles tiverem valores diferentes, os filtros de preço na navegação em camadas podem não filtrar e classificar corretamente os produtos por preço.

  1. Na barra lateral Admin, vá para Stores > Settings>Configuration.

  2. No painel esquerdo, expanda Catalog e escolha Catalog abaixo de.

  3. Expanda Seletor de expansão a seção Navegação em camadas.

    Por padrão, Display Product Count está definido como Yes. Se necessário, desmarque a caixa de seleção Use system value para alterar essa configuração.

    Navegação em camadas {width="600" modal="regular"}

    Para obter uma lista detalhada dessas opções de configuração, consulte Navegação em Camadas na Referência de Configuração.

  4. Defina Price Navigation Steps Calculation para um dos métodos nas seções a seguir.

  5. Quando terminar, clique em Save Config.

Método 1: Automático (igualar faixas de preços)

Deixar Price Navigation Steps Calculation definido como Automatic (Equalize Price Ranges) (padrão). Essa configuração usa o algoritmo padrão para navegação de preço.

Método 2: Automático (equalizar contagens de produtos)

TIP
Se necessário, primeiro desmarque a caixa de seleção Use system value para alterar essas configurações.

  1. Defina Price Navigation Steps Calculation como Automatic (equalize product counts).

  2. Para exibir um preço único quando houver vários produtos com o mesmo preço, defina Display Price Interval as One Price como Yes.

  3. Para Interval Division Limit, insira o limite para o número de produtos dentro de um intervalo de preços.

    O intervalo não pode ser dividido além desse limite. O valor padrão é 9.

    Automático (equalizar contagens de produtos) {width="600" modal="regular"}

Método 3: Manual

NOTE
Se necessário, primeiro desmarque a caixa de seleção Use system value para alterar essas configurações.

  1. Defina Price Navigation Steps Calculation como Manual.

  2. Insira um valor que determine o Default Price Navigation Step.

  3. Insira os Maximum Number of Price Intervals permitidos, até 100.

    Manual 1 {width="600" modal="regular"}

Configurar navegação em camadas

NOTE
A configuração padrão descrita nesta página é diferente para o Live Search.

A configuração de navegação em camadas determina se uma contagem de produtos aparece entre parênteses após cada atributo e o tamanho do cálculo de etapa usado na navegação de preço.

  1. Na barra lateral Admin, vá para Stores > Settings>Configuration.

  2. No painel esquerdo, expanda a seção Catalog ​e escolha Catalog ​abaixo.

  3. Expanda a seção Layered Navigation.

    note note
    NOTE
    Se necessário, primeiro desmarque a caixa de seleção Use system value para alterar essas configurações.

  4. Para exibir o número de produtos encontrados para cada atributo, defina Display Product Count como Yes.

  5. Defina Price Navigation Step Calculation como Automatic (equalize price ranges).

  6. Quando terminar, clique em Save Config.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071