E-commerce

30 abr, 2012

Como exibir uma opção de paginação no layout?

Publicidade

Veja, neste artigo, como exibir uma opção de paginação no layout da loja. Essa ferramenta é utilizada para apresentar as páginas da loja conforme a quantidade de produtos estabelecida.

 
Por exemplo, a loja virtual possui 30 produtos no departamento A, porém foi estabelecido, no Painel de controle da loja, a exibição de 5 produtos por página. Neste caso, serão exibidas as opções de páginas ao consumidor para que seja possível voltar, avançar ou pular para a página desejada.

Exemplo (loja de sapatos)
Após a pesquisa efetuada, serão exibidos os resultados e as opções de páginas da seguinte maneira:

Encontrado(s) 30 produto(s)
Página de 1 até 6
Primeira | 1 | 2 | 3 | 4 | 5 | 6 | Última

Para habilitar esse recurso, são usadas quatro TAGs do sistema, as quais podem ser incluídas nos arquivos: “Produtos.htm”, “ProdutosListaP.htm” e “ProdutosAdicionais.htm” (caso o campo de Busca alternativa esteja habilitado). Veja:

  • Para a exibição da quantidade de produtos encontrados na busca, utilize a TAG ##ProdutoListaTotalReg##.  Exemplo: Encontrado(s) 30 produto(s).

Obs.: Para este resultado, a TAG deverá ser incluída da seguinte forma:
Encontrado(s) ##ProdutoListaTotalReg## produto(s)
No caso, “Encontrado(s)” e “produto(s)” são textos que o próprio lojista inclui no arquivo.htm escolhido.

  • Para a exibição da quantidade das páginas no layout, utilize a TAG ##ProdutoListaPgDe##. Exemplo: Página de 1.

Obs.: Para este resultado, a TAG deverá ser incluída da seguinte forma:
Página de ##ProdutoListaPgDe##
No caso, “Página de” são textos que o próprio lojista inclui no arquivo.htm escolhido.

  • Para a exibição da quantidade das páginas no layout, utilize a TAG ##ProdutoListaQtdePag##. Exemplo: até

Obs.: Para este resultado, a TAG deverá ser incluída da seguinte forma:
Até ##ProdutoListaQtdePag##
No caso, “até” são textos que o próprio lojista inclui no arquivo.htm escolhido.

Importante:
Ao utilizar as duas TAGs ##ProdutoListaPgDe## e ##ProdutoListaQtdePag##, as informações serão exibidas assim: Página de 1 até 7.

  • Para exibição do controle de todas as páginas para navegação, utilize a TAG ##ProdutoListaControlePg##

Obs. Esta TAG não precisa ser acompanhada de texto.

Observação: Como padrão do nosso sistema, estas TAGs são ativas em todos os layouts pré-definidos disponíveis nas lojas cadastradas como test-drive.

Atenção: Para efetuar este procedimento na loja, é necessário possuir conhecimentos em HTML, pois não nos responsabilizamos por erros apresentados devido a alterações efetuadas nos arquivos.htm da loja. Neste caso, recomendamos a realização do backup do arquivo a ser alterado.

Até a próxima!