Como podemos ajudar?

FC 12056 :: Como personalizar a autopaginação de produtos?

É possível otimizar a carga de novos conjuntos de produtos e criar funcionalidades adicionais na lista de produtos.

Para personalizar a autopaginação de produtos, as seguintes varíaveis javascript podem ser utilizadas na seção <ProdTop> do arquivo EstiloProduto.htm:

• OffsetAutoPagFC: distância vertical em pixels do final da lista de produtos, para acionamento da autopaginação. Quanto maior o valor, mais cedo a autopaginação será iniciada. Se o valor for negativo, a carga ocorrerá depois de exibido o final da lista de produtos. Utilize um valor positivo nesta variável para que a carga de um novo conjunto de produtos seja acionada antes que o visitante chegue ao final da lista de produtos já carregada, proporcionando uma experiência mais contínua de rolagem pelos produtos. Default: OffsetAutoPagFC=0

• TimeToAutoPagFC: tempo em milissegundos antes de iniciar a carga da nova página. Utilize um valor maior de 2000 caso queira o visitante tenha mais tempo para ver o rodapé da página antes da carga de um novo conjunto de produtos. Default: TimeToAutoPagFC=0

• ImgLoadingFC: imagem de espera para a carga da nova página. A imagem tem que ser um arquivo .gif animado e deve ser enviada para a pasta images. Default: /images/loading.gif ()

Exemplo em EstiloProduto.htm:

<ProdTop>
<script>
OffsetAutoPagFC=500; //autopaginação é acionada 500 pixels antes do final da lista de produtos
ImgLoadingFC="<BaseLoja>images/loading.gif"; //imagem personalizada de espera para a carga da nova página
</script>
...
...
</ProdTop>

Funções opcionais:

• FuncAutoPagStart(): caso esta função exista, será acionada antes do início da autopaginação.

• FuncAutoPagEnd(): caso esta função exista, será acionada após o término da autopaginação.

• FuncAutoPagPreload(currentPageNumber): caso esta função exista, será acionada antes da solicitação da próxima página da autopaginação.

• FuncAutoPagPostload(newPageHTML,currentPageNumber): caso esta função exista, será acionada após obter a próxima página da autopaginação.

• Seguem abaixo as variáveis globais de controle, que podem ser usadas nas duas funções acima:

iPagProdFC: informa o número da página atual.

iPagCountFC: informa a quantidade total de páginas.

AutoPagProdFC: número da página limite a carregar com autopaginação (255=sem limite).

Com estas funções e variáveis, pode-se criar funcionalidades adicionais na autopaginação. Segue abaixo exemplo para carregar mais produtos somente quando o visitante clicar em um botão.

Ao ser apertado, um novo conjunto de produtos será acrescentado ao final da lista de produtos, correspondentes à página seguinte.

Insira o código abaixo dentro da seção <ProdBottom> do arquivo EstiloProduto.htm:

<script>
OffsetAutoPagFC=-3000; //inibe autopaginação por rolagem
if(iPagProdFC<iPagCountFC){
  document.write("<center>");
  document.write("<input type=button value='Mais produtos' onclick=StartLoadPageFC()>");
  document.write("</center>");
}
function FuncAutoPagEnd(){
  if(iPagProdFC==iPagCountFC)
    document.getElementById("idAutoPagCallFC").style.visibility='hidden';
}
</script>