Listagens de produtos

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 seus Product ID ​na ordem crescente.

Produtos exibidos como uma grade {width="700" modal="regular"}

Configurar listas de produtos

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

  2. No painel esquerdo, expanda Catalog e escolha Catalog por baixo.

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

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

    Para obter uma lista detalhada dessas opções, consulte Loja no Referência de configuração.

    note note
    NOTE
    Para exibir corretamente os produtos e seus preços de acordo com classificação de produto por preço, verifique se as configurações para a exibição do preço no Configuração de imposto sobre vendas têm o mesmo valor (Excluding Tax ou Including Tax). Para o Calculation Settings, verifique a Catalog Prices ​valor. E para​_Price Display Settings_, verifique a Display Product Prices in Catalog valor. 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. Definir o padrão List Mode a 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 que apareça 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, digite o número de produtos que você deseja que apareçam por página quando exibidos 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, digite o número padrão de produtos exibidos na lista, por página.

  9. Definir Product Listing Sorted by ao atributo padrão 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 para 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 para 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 ele usa mais armazenamento em cache e pode afetar a maneira como as páginas são indexadas por mecanismos de pesquisa.

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

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

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

  13. Se quiser permitir referências dinâmicas para ativos de mídia em URLs de categoria e produto, defina Allow Dynamic Media URLs in Products and Categories para 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 {width="700" modal="regular"}

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 variável Used for Sorting in Product Listing ​a propriedade storefront determina qual atributos do produto para classificar a lista.
Mostrar por página
Show Per Page - Determina quantos produtos são exibidos 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. No Admin barra lateral, vá para Content > Design>Configuration.

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

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

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

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

  4. Para Pagination Frame, insira o número de links que devem aparecer no controle de paginação.

  5. Para Pagination Frame Skip, digite 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 é o primeiro link do próximo conjunto.

  6. Para Anchor Text for Previous, insira o texto que deseja exibir para o link Anterior.

    Deixe em branco para utilizar a seta padrão.

  7. Para Anchor Text for Next, insira o texto que deseja exibir 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