1.0 Introdução
A rolagem infinita carrega o conteúdo da página da web continuamente conforme o usuário rola para baixo na página da web. Basicamente, a rolagem infinita é a técnica de web design para eliminar a paginação do site. Extensão Magento 2 Infinite Scroll da Knowband faz o mesmo. Ele remove a paginação e a funcionalidade de recarregamento da página do site e torna a navegação mais fácil para os visitantes da sua loja Magento para visualizar o próximo conjunto de produtos sem recarregar a página da web.
1.1 Características da extensão de rolagem rápida do Magento 2:
- A extensão Magento 2 Infinite Scroll substitui o sistema de paginação do site.
- A extensão de rolagem rápida do Magento 2 reduz o tempo de carregamento do site.
- O administrador da loja pode habilitar ou desabilitar o módulo de rolagem infinita do Magento 2 com um único clique de botão.
- A extensão de rolagem rápida do Magento 2 oferece a opção de teste sandbox para o administrador. Depois de habilitar esta loja, o administrador precisa inserir o endereço IP específico para testar o módulo.
- A extensão de rolagem infinita para Magento 2 oferece uma melhor experiência do usuário.
- O módulo de rolagem rápida do Magento 2 otimiza a navegação do site.
- O administrador pode especificar o número de páginas após as quais, “Carregar mais” será mostrado. O administrador da loja também pode ajustar a velocidade do carregador.
- O administrador da loja pode exibir a mensagem da página final após a conclusão da lista de produtos.
- A extensão de rolagem infinita do Magento 2 funciona perfeitamente com visualizações de lista e também com visualização em grade.
- O administrador da loja pode definir a cor de fundo e a cor do texto da mensagem da página final e ir para o link superior.
- O módulo de rolagem infinita Magento2 oferece o administrador de armazenamentopara adicionar a configuração do seletor.
- O módulo de rolagem infinita do Magento 2 é responsivo a dispositivos móveis.
2.0 Etapas de instalação do Infinite scroll para Magento 2 Extension:
As etapas para instalar a extensão de rolagem rápida do Magento 2 são mencionadas abaixo:
1. Compre a extensão Infinite scroll for Magento 2 da Knowband. Você pode baixar o pacote de extensão. 2. O pacote contém um arquivo compactado que contém o manual do usuário e o código-fonte do Magento 2 Infinite Scroll Extension. Descompacte o pacote. 3. Crie uma pasta {Magento root} / app / code / Knowband / Infinitescroll 4. Faça upload do conteúdo extraído na pasta acima através do gerenciador de FTP (como Filezilla ou WinSCP – baixe aqui: https://filezilla-project.org/) . 5. Agora execute os comandos abaixo para instalar a extensão do Magento 2 Infinite Scroll: php -f bin / módulo magento: enable –clear-static-content Knowband_ Infinitescroll php -f bin / magento setup: atualizar php -f bin / magento setup: di: compilar php bin / magento setup: static-content: implantar php bin / magento cache: clean 6. A extensão agora está instalada e pronta para uso. No painel de administração, vá para “Extensões de banda de conhecimento> Rolagem infinita”. Agora você pode configurar e usar a extensão Magento 2 Infinite Scroll.
3.0 Interface Admin
A extensão de rolagem rápida do Magento 2 oferece as seguintes interfaces a serem configuradas:
- Configurações gerais
- Configurações de aparência e comportamento
- Configurações do seletor
- Configurações de sandbox
Abaixo está a descrição detalhada de cada configuração:
Configurações gerais do 3.1
A partir desta guia, o administrador da loja pode ajustar as configurações gerais do módulo de rolagem infinita Magento 2.
- Habilite a extensão: Esta guia de rolagem rápida do Magento 2 habilitará a opção de rolagem infinita. O administrador pode habilitar / desabilitar esta extensão Magento sempre que necessário.
- Exibir mensagem da página final: Este campo da extensão de rolagem rápida do Magento 2 permite ao administrador habilitar / desabilitar a mensagem que seria exibida no final da página de lista de produtos.
- Mensagem da página final: Este campo da extensão de rolagem sem fim do Magento 2 permite ao administrador definir o texto da mensagem da página final que seria exibida no final da página de lista de produtos.
- Exibir link para o topo: O módulo de rolagem infinita do Magento 2 permite que o administrador exiba a opção “Go To Top Link” que ajuda os usuários a pular para o topo da página de lista de produtos.
- Carregando mensagem: Esta seção da extensão de rolagem rápida do Magento 2 oferece ao administrador definir o texto enquanto carrega o conteúdo da página da web.
- Selecione o tipo de rolagem: A extensão de rolagem rápida do Magento 2 fornece ao administrador para selecionar o tipo de rolagem na página de lista de produtos. As seguintes opções são fornecidas no tipo de rolagem:
uma. Rolagem infinita
b. Carregar mais link
- Carregue mais etiqueta: Quando a opção “Carregar mais link” for selecionada, este campo será mostrado. Este campo da extensão de rolagem infinita do Magento 2 permite ao administrador definir o texto no link Carregar mais.
- Freqüência para mostrar o texto Load More: Este campo da extensão de rolagem rápida do Magento 2 funcionará apenas quando o “Tipo de rolagem” for “Rolagem infinita”. Este campo permite que o administrador defina a frequência de carregamento de mais links a serem exibidos no front-end.
- Atraso do carregador: Este campo do módulo de rolagem infinita do Magento 2 permite que o administrador defina o número mínimo de milissegundos para permanecer em um estado de carregamento.
- Margem Negativa: Este campo da extensão de rolagem rápida do Magento 2 lhe dará a capacidade de carregar os novos itens antes de chegar ao último item da página. Por padrão, o carregador começa a carregar novos itens quando o usuário rola para o último elemento da página. O administrador pode definir o número de produtos aqui. Por exemplo, se o número ‘X’ for inserido aqui, o carregador começará a carregar antes que haja um número X de produtos restantes na página da web.
- Barra de ferramentas de exibição: Este campo da extensão de rolagem sem fim do Magento 2 permitirá ao administrador exibir ou não a Barra de Ferramentas na página de lista de produtos.
3.2 Configurações de aparência e comportamento
A partir desta guia, o administrador da loja pode ajustar o fundo e a ‘cor do texto’ da caixa de mensagem e ir para o link de topo.
- Cor de fundo da caixa de mensagem: Esta guia da extensão de rolagem sem fim do Magento 2 oferece ao administrador a configuração da cor de fundo da caixa de mensagem.
- Cor da margem: A extensão Magento 2 Infinite Scroll permite ao administrador personalizar a cor da borda da caixa de mensagem de acordo com suas preferências.
- Cor do texto: O administrador pode personalizar a cor do texto da caixa de mensagem de acordo com sua escolha. Ele pode fazer o mesmo selecionando a cor no seletor de cores.
- Ir para o topo Cor de fundo do link: Este campo da extensão de rolagem rápida do Magento 2 permite que o administrador defina a cor de fundo do “Link Ir para o Topo”. Abaixo está a captura de tela do link Go To Top:
- CSS customizado: Se o administrador deseja adicionar o CSS personalizado para qualquer elemento da extensão Infinite scroll for Magento 2, ele pode fazer o mesmo adicionando CSS neste campo.
- Carregar imagem do carregador: Esta guia da extensão de rolagem infinita do Magento 2 permite que o administrador carregue a imagem do carregador de sua escolha. O administrador pode fazer upload apenas de imagens nos formatos .jpg, .png e .gif. O tamanho da imagem não deve ser superior a 2 MB.
3.3 Configurações do seletor:
- Conteúdo: Esta guia da extensão Magento 2 Infinite Scroll permite ao administrador definir o nome da classe do recipiente de conteúdo.
- Próximo: Esta guia da extensão de rolagem rápida do Magento 2 oferece ao administrador para definir o nome da classe do próximo elemento.
- Anterior: Esta guia da extensão de rolagem rápida do Magento 2 permite que o administrador defina o nome da classe do elemento anterior.
- Grade de item: Este campo da extensão de rolagem sem fim do Magento 2 permite que o administrador defina o nome da classe do item da grade.
- Lista de Itens: Este campo da extensão Magento 2 infinito scroll permite que o administrador defina o nome da classe do item da lista.
- Barra de ferramentas: Neste campo do módulo de rolagem infinita do Magento 2, o administrador terá que definir o nome da classe da barra de ferramentas.
- Paginação: Esta guia da extensão de rolagem rápida do Magento 2 permite que o administrador defina o nome da classe do contêiner de paginação.
NOTA:
1. Não se esqueça de adicionar ‘#’ antes do elemento id e ‘.’ antes do elemento de classe.
2. Se você não estiver familiarizado com esses elementos seletores, não os edite.
3.4 Configurações do Sandbox:
A guia Sandbox Settings da extensão de rolagem infinita do Magento 2 oferece ao administrador para testar a extensão antes de implementá-la no site.
- Ativar: Habilite este campo da extensão de rolagem rápida do Magento 2 para testar a extensão.
- Endereço IP autorizado: Neste campo da extensão de rolagem rápida do Magento 2, insira os endereços IP nos quais você deseja que a rolagem infinita esteja ativa. Certifique-se de que os endereços IP inseridos sejam separados por vírgula. Você pode adicionar o IP clicando na opção “Adicionar meu IP”.
4.0 Front-end da loja
A extensão de rolagem sem fim do Magento 2 será habilitada em todo o site onde a paginação ocorrer. O scroll Scroll infinito para a extensão Magento 2 apareceria na frente da seguinte forma:
End page massage umnd top ltinta:
Encontre mais detalhes sobre este pergaminho Infinito para Magento 2 abaixo:
Extensão de rolagem infinita do Magento 2
Extensão frontal de extensão rápida do Magento 2
“Além disso, explore mais Extensões Magento 2 para sua loja. “