DocumentaçãoCommerceGerenciamento de catálogo

Listagens de produtos

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

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Líder
  • Usuário

As listas de produtos podem ser definidas para serem exibidas por padrão como uma lista ou grade. Você também pode determinar quantos produtos aparecem por página e qual atributo é usado para classificar a lista. A lista de produtos inclui um conjunto de controles que podem ser usados para classificar os produtos, alterar o formato da lista, classificar por atributo e avançar de uma página para outra.

NOTE
Ao classificar uma categoria por um atributo de produto, os produtos com os mesmos valores de atributo também são classificados por seu Product ID ​na ordem crescente.

Produtos exibidos como uma grade

Configurar listas de produtos

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

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

  3. Expandir Seletor de expansão a seção Storefront.

    Opções de configuração da vitrine eletrônica {width="600" modal="regular"}

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

    note note
    NOTE
    Para exibir corretamente os produtos e seus preços de acordo com a classificação de produto por preço, 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.

  4. Defina o padrão List Mode como um dos seguintes:

    • Grid Only
    • List Only
    • Grid (default) / List
    • List (default / Grid

  5. Para Products per Page on Grid Allowed Values, insira o número de produtos que você deseja exibir por página quando mostrado no formato de grade.

    Para inserir uma seleção de valores, separe cada número por vírgula.

  6. Para Products per Page on Grid Default Value, insira o número padrão de produtos a serem exibidos na grade por página.

  7. Para Products per Page on List Allowed Values, insira o número de produtos que você deseja que apareçam por página quando mostrados no formato de lista.

    Para inserir uma seleção de valores, separe cada número por vírgula.

  8. Para Products per page on List Default Value, insira o número padrão de produtos que aparecem na lista, por página.

  9. Defina Product Listing Sorted by com o atributo padrão que é usado inicialmente para classificar a lista.

  10. Para dar aos clientes a opção de listar todos os produtos, defina Allow All Products on Page como Yes.

  11. Se quiser reter todas as configurações de paginação enquanto os clientes navegam pelas listagens do catálogo, defina Remember Category Pagination como Yes.

    Ativar essa configuração garante que o número de produtos exibidos em uma lista ou grade seja retido à medida que os compradores navegam de uma categoria para outra. Por padrão, esse campo está definido como No porque usa mais armazenamento em cache e pode afetar a forma como as páginas são indexadas por mecanismos de pesquisa.

  12. Se estiver usando um catálogo simples (não recomendado), faça o seguinte:

    • Para exibir uma lista de categorias simples de produtos, defina Use Flat Catalog Category como Yes.

    • Para exibir uma lista de produtos simples, defina Use Flat Catalog Product como Yes.

  13. Para permitir referências dinâmicas para ativos de mídia na categoria e URLs de produto, defina Allow Dynamic Media URLs in Products and Categories como Yes.

  14. Quando terminar, clique em Save Config.

Controles de página

Controle
Descrição
View As
Exibe os produtos no formato de grade ou lista.
Sort By
Altera a ordem de classificação da lista.
Show Per Page
Determina quantos produtos são exibidos por página.
Links de paginação
Links para outras páginas.

Controles de paginação

As Configurações de paginação são exibidas nas partes superior e inferior da lista e controlam o formato dos links de paginação para as listagens de produtos. Você pode definir o número de links que aparecem no controle e configurar os links Next e Previous. Para que os links de paginação apareçam, deve haver mais produtos na lista do que o permitido por página na configuração da lista de produtos.

Controles de paginação

Controles de paginação de vitrine eletrônica

Controle
Descrição
Exibir grade
View As - Exibe a lista no formato Grade ou Lista.
Classificar por
Sort By - Altera a ordem de classificação da lista. A propriedade de vitrine Used for Sorting in Product Listing ​determina quais atributos de produto podem ser usados para classificar a lista.
Mostrar por página
Show Per Page - Determina quantos produtos aparecem por página.
Links de paginação
Links de paginação - Links de navegação para outras páginas.

Configurar os controles de paginação

  1. Na barra lateral Admin, vá para Content > Design>Configuration.

  2. Localize a exibição de armazenamento que você deseja configurar e, na coluna Action, clique em Edit.

  3. Em Other Settings, expanda Seletor de expansão a seção Pagination.

    Paginação {width="600" modal="regular"}

    Para obter mais informações sobre essas configurações, consulte Configuração do Design.

  4. Para Pagination Frame, insira o número de links que você deseja exibir no controle de paginação.

  5. Para Pagination Frame Skip, insira o número de links que deseja pular antes de exibir o próximo conjunto de links no controle de paginação.

    Por exemplo, se o quadro de paginação tiver cinco links e você quiser ir para os próximos cinco links, quantos links deseja pular adiante? Se você definir o valor como quatro (4), o último link do conjunto anterior será o primeiro link no próximo conjunto.

  6. Para Anchor Text for Previous, insira o texto que você deseja que apareça para o link Anterior.

    Deixe em branco para utilizar a seta padrão.

  7. Para Anchor Text for Next, insira o texto que você deseja que apareça para o link Próximo. Deixe em branco para utilizar a seta padrão.

  8. Quando terminar, clique em Save Configuration.

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