Oi pessoal,
Boa noite.
Estamos com um desenvolvimento customizado para um cliente nosso relacionado a paginação.
COMPORTAMENTO ATUAL
- Fizemos uma paginação customizada, removendo o nativo VER MAIS, pois a loja estava apresentando queixas de clientes que não conseguia encontrar todos os produtos usando o botão VER MAIS;
- Após a customização percebemos que o problema é que a VTEX limita somente 50 páginas. Ou seja, conseguimos contar os produtos totais que podem existir na categoria, mas não pode passar da página 50. Se jogar manualmente a query na URL retorna busca vazia.
COMPORTAMENTO ESPERADO
- Exibir todas as páginas possíveis com todos os produtos da sua categoria/subcategoria correspondente;
Há alguma solução para este caso?
Abs,
Four2One Team
Olá Equipe @four2one,
Tomando a documentação do VTEX Search API como exemplo, lá menciona que a diferença entre as páginas “inicial” e “final” não pode ultrapassar 50 páginas.
Ou seja, a paginação pode sim passar da 50 página desde que o valor da página inicial também avance para respeitar a regra da diferença de 50 páginas.
Por exemplo, se fazer uma busca
GET https://{{accountName}}.{{environment}}.com.br/api/catalog_system/pub/products/search?_from=1&_to=100
Retornará um Error 400 com a mensagem:
“Parameter _to can’t be greater than 50.”
Porém se refaço o teste avançando a página inicial, funciona:
GET https://{{accountName}}.{{environment}}.com.br/api/catalog_system/pub/products/search?_from=51&_to=100
Teu teste manual de paginação considerou esta regra?
Qual API vocês estão utilizando?
1 Like
Fala @andremiani obrigado pela contribuição.
No caso, nós não usamos a API. Nós apenas pegamos o bloco VER MAIS nativo e customizamos para fazer o search pela query de páginas.
Você acha que mesmo nessa ideia tem alguma saída, ou realmente precisaria ser feito alguma alteração, puxando como mostrado, por API?
Pelo que estamos olhando, a versão atual, só é possível alterar a quantidade de produtos que é trazido na página.
Abs.
Opa, tudo joia equipe @four2one?
Pelo “Show More” provável que seja o componente Search Result que retorna os dados da Search API.
Como ficou o padrão das URLs da tua paginação?
Tem essa implementação em algum ambiente de produção para que possamos provar?
Outro caminho poderia seria testar este componente que cria uma paginação clássica no VTEX IO:
Opa @andremiani tudo certo e contigo?
Então, não colocamos em produção totalmente.
Mas a paginação fica desse jeito: /masculino?page=x → x é o número da página.
Sobre essa alternativa. Vamos pegar para testar aqui. Obrigado.
Bom dia equipe @four2one,
Olhando a documentação do VTEX Search Result também encontrei este aviso:
Pagination does not display results after page 50. You can configure it to display more products per page using the prop maxItemsPerPage by increasing the quantity of products on each page.
Considerando esta informação, eu avaliaria a possibilidade de reorganizar os produtos das categorias sobrecarregadas em subcategorias + filtros já que na prática dificilmente os usuários naveguem em mais de 50 páginas para localizar algum produto.
1 Like
Opa @andremiani Bom dia.
Exatamente isso que ia comentar pra ti. Só existe a possibilidade de aumentar a quantidade de produtos exibida por página.
Vamos avaliar o que é mais viável no momento.
Obrigado pela contribuição.
1 Like
