1.1 Caracter\u00edsticas da extens\u00e3o de rolagem r\u00e1pida do Magento 2:<\/h3>\n\n- A extens\u00e3o Magento 2 Infinite Scroll substitui o sistema de pagina\u00e7\u00e3o do site.<\/li>\n
- A extens\u00e3o de rolagem r\u00e1pida do Magento 2 reduz o tempo de carregamento do site.<\/li>\n
- O administrador da loja pode habilitar ou desabilitar o m\u00f3dulo de rolagem infinita do Magento 2 com um \u00fanico clique de bot\u00e3o.<\/li>\n
- A extens\u00e3o de rolagem r\u00e1pida do Magento 2 oferece a op\u00e7\u00e3o de teste sandbox para o administrador. Depois de habilitar esta loja, o administrador precisa inserir o endere\u00e7o IP espec\u00edfico para testar o m\u00f3dulo.<\/li>\n
- A extens\u00e3o de rolagem infinita para Magento 2 oferece uma melhor experi\u00eancia do usu\u00e1rio.<\/li>\n
- O m\u00f3dulo de rolagem r\u00e1pida do Magento 2 otimiza a navega\u00e7\u00e3o do site.<\/li>\n
- O administrador pode especificar o n\u00famero de p\u00e1ginas ap\u00f3s as quais, “Carregar mais” ser\u00e1 mostrado. O administrador da loja tamb\u00e9m pode ajustar a velocidade do carregador.<\/li>\n
- O administrador da loja pode exibir a mensagem da p\u00e1gina final ap\u00f3s a conclus\u00e3o da lista de produtos.<\/li>\n
- A extens\u00e3o de rolagem infinita do Magento 2 funciona perfeitamente com visualiza\u00e7\u00f5es de lista e tamb\u00e9m com visualiza\u00e7\u00e3o em grade.<\/li>\n
- O administrador da loja pode definir a cor de fundo e a cor do texto da mensagem da p\u00e1gina final e ir para o link superior.<\/li>\n
- O m\u00f3dulo de rolagem infinita Magento2 oferece o administrador de armazenamentopara adicionar a configura\u00e7\u00e3o do seletor.<\/li>\n
- O m\u00f3dulo de rolagem infinita do Magento 2 \u00e9 responsivo a dispositivos m\u00f3veis.<\/li>\n<\/ol>\n
2.0 Etapas de instala\u00e7\u00e3o do Infinite scroll para Magento 2 Extension:<\/h2>\n
As etapas para instalar a extens\u00e3o de rolagem r\u00e1pida do Magento 2 s\u00e3o mencionadas abaixo:<\/p>\n
1. Compre a extens\u00e3o Infinite scroll for Magento 2 da Knowband. Voc\u00ea pode baixar o pacote de extens\u00e3o. 2. O pacote cont\u00e9m um arquivo compactado que cont\u00e9m o manual do usu\u00e1rio e o c\u00f3digo-fonte do Magento 2 Infinite Scroll Extension. Descompacte o pacote. 3. Crie uma pasta {Magento root} \/ app \/ code \/ Knowband \/ Infinitescroll 4. Fa\u00e7a upload do conte\u00fado extra\u00eddo na pasta acima atrav\u00e9s do gerenciador de FTP (como Filezilla ou WinSCP – baixe aqui: https:\/\/filezilla-project.org\/) . 5. Agora execute os comandos abaixo para instalar a extens\u00e3o do Magento 2 Infinite Scroll: php -f bin \/ m\u00f3dulo 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\u00e3o agora est\u00e1 instalada e pronta para uso. No painel de administra\u00e7\u00e3o, v\u00e1 para “Extens\u00f5es de banda de conhecimento> Rolagem infinita”. Agora voc\u00ea pode configurar e usar a extens\u00e3o Magento 2 Infinite Scroll.<\/p>\n
3.0 Interface Admin<\/h2>\n
A extens\u00e3o de rolagem r\u00e1pida do Magento 2 oferece as seguintes interfaces a serem configuradas:
\n<\/a><\/p>\n![\"interface](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-admin-interface.png\")
<\/a><\/p>\n\n- Configura\u00e7\u00f5es gerais<\/li>\n
- Configura\u00e7\u00f5es de apar\u00eancia e comportamento<\/li>\n
- Configura\u00e7\u00f5es do seletor<\/li>\n
- Configura\u00e7\u00f5es de sandbox<\/li>\n<\/ol>\n
Abaixo est\u00e1 a descri\u00e7\u00e3o detalhada de cada configura\u00e7\u00e3o:<\/p>\n
Configura\u00e7\u00f5es gerais do 3.1
\n<\/a><\/h3>\nA partir desta guia, o administrador da loja pode ajustar as configura\u00e7\u00f5es gerais do m\u00f3dulo de rolagem infinita Magento 2.<\/p>\n
![\"magento-2-infinte-scroll-general-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-generall-settings.png\")
<\/a><\/p>\n\n- Habilite a extens\u00e3o:<\/strong> Esta guia de rolagem r\u00e1pida do Magento 2 habilitar\u00e1 a op\u00e7\u00e3o de rolagem infinita. O administrador pode habilitar \/ desabilitar esta extens\u00e3o Magento sempre que necess\u00e1rio.<\/li>\n
- Exibir mensagem da p\u00e1gina final:<\/strong> Este campo da extens\u00e3o de rolagem r\u00e1pida do Magento 2 permite ao administrador habilitar \/ desabilitar a mensagem que seria exibida no final da p\u00e1gina de lista de produtos.<\/li>\n
- Mensagem da p\u00e1gina final:<\/strong> Este campo da extens\u00e3o de rolagem sem fim do Magento 2 permite ao administrador definir o texto da mensagem da p\u00e1gina final que seria exibida no final da p\u00e1gina de lista de produtos.<\/li>\n
- Exibir link para o topo:<\/strong> O m\u00f3dulo de rolagem infinita do Magento 2 permite que o administrador exiba a op\u00e7\u00e3o “Go To Top Link” que ajuda os usu\u00e1rios a pular para o topo da p\u00e1gina de lista de produtos.<\/li>\n
- Carregando mensagem:<\/strong> Esta se\u00e7\u00e3o da extens\u00e3o de rolagem r\u00e1pida do Magento 2 oferece ao administrador definir o texto enquanto carrega o conte\u00fado da p\u00e1gina da web.<\/li>\n
- Selecione o tipo de rolagem:<\/strong> A extens\u00e3o de rolagem r\u00e1pida do Magento 2 fornece ao administrador para selecionar o tipo de rolagem na p\u00e1gina de lista de produtos. As seguintes op\u00e7\u00f5es s\u00e3o fornecidas no tipo de rolagem:<\/li>\n<\/ul>\n
uma. Rolagem infinita<\/p>\n
b. Carregar mais link<\/p>\n
\n- Carregue mais etiqueta:<\/strong> Quando a op\u00e7\u00e3o “Carregar mais link” for selecionada, este campo ser\u00e1 mostrado. Este campo da extens\u00e3o de rolagem infinita do Magento 2 permite ao administrador definir o texto no link Carregar mais.<\/li>\n
- Freq\u00fc\u00eancia para mostrar o texto Load More:<\/strong> Este campo da extens\u00e3o de rolagem r\u00e1pida do Magento 2 funcionar\u00e1 apenas quando o “Tipo de rolagem” for “Rolagem infinita”. Este campo permite que o administrador defina a frequ\u00eancia de carregamento de mais links a serem exibidos no front-end.<\/li>\n
- Atraso do carregador:<\/strong> Este campo do m\u00f3dulo de rolagem infinita do Magento 2 permite que o administrador defina o n\u00famero m\u00ednimo de milissegundos para permanecer em um estado de carregamento.<\/li>\n
- Margem Negativa:<\/strong> Este campo da extens\u00e3o de rolagem r\u00e1pida do Magento 2 lhe dar\u00e1 a capacidade de carregar os novos itens antes de chegar ao \u00faltimo item da p\u00e1gina. Por padr\u00e3o, o carregador come\u00e7a a carregar novos itens quando o usu\u00e1rio rola para o \u00faltimo elemento da p\u00e1gina. O administrador pode definir o n\u00famero de produtos aqui. Por exemplo, se o n\u00famero ‘X’ for inserido aqui, o carregador come\u00e7ar\u00e1 a carregar antes que haja um n\u00famero X de produtos restantes na p\u00e1gina da web.<\/li>\n
- Barra de ferramentas de exibi\u00e7\u00e3o:<\/strong> Este campo da extens\u00e3o de rolagem sem fim do Magento 2 permitir\u00e1 ao administrador exibir ou n\u00e3o a Barra de Ferramentas na p\u00e1gina de lista de produtos.<\/li>\n<\/ul>\n
<\/a><\/p>\n3.2 Configura\u00e7\u00f5es de apar\u00eancia e comportamento
\n<\/a><\/h3>\nA 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.<\/p>\n
![\"magento-2-infinite-scroll-look-and-feel\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-look-and-feel.png\")
<\/a><\/p>\n\n- Cor de fundo da caixa de mensagem:<\/strong> Esta guia da extens\u00e3o de rolagem sem fim do Magento 2 oferece ao administrador a configura\u00e7\u00e3o da cor de fundo da caixa de mensagem.<\/li>\n
- Cor da margem:<\/strong> A extens\u00e3o Magento 2 Infinite Scroll permite ao administrador personalizar a cor da borda da caixa de mensagem de acordo com suas prefer\u00eancias.<\/li>\n
- Cor do texto:<\/strong> 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.<\/li>\n
- Ir para o topo Cor de fundo do link:<\/strong> Este campo da extens\u00e3o de rolagem r\u00e1pida do Magento 2 permite que o administrador defina a cor de fundo do “Link Ir para o Topo”. Abaixo est\u00e1 a captura de tela do link Go To Top:<\/li>\n<\/ul>\n
![\"magento-2-infinte-scroll-front-interface\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-front-interface.png\")
<\/a>
\n<\/a><\/p>\n\n- CSS customizado:<\/strong> Se o administrador deseja adicionar o CSS personalizado para qualquer elemento da extens\u00e3o Infinite scroll for Magento 2, ele pode fazer o mesmo adicionando CSS neste campo.<\/li>\n
- Carregar imagem do carregador:<\/strong> Esta guia da extens\u00e3o 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\u00e3o deve ser superior a 2 MB.<\/li>\n<\/ul>\n
3.3 Configura\u00e7\u00f5es do seletor:
\n<\/a><\/h3>\n![\"magento-2-infinite-scroll-selector-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinite-scroll-selector-settings.png\")
<\/a><\/p>\n\n- Conte\u00fado: Esta guia da extens\u00e3o Magento 2 Infinite Scroll permite ao administrador definir o nome da classe do recipiente de conte\u00fado.<\/li>\n
- Pr\u00f3ximo: Esta guia da extens\u00e3o de rolagem r\u00e1pida do Magento 2 oferece ao administrador para definir o nome da classe do pr\u00f3ximo elemento.<\/li>\n
- Anterior: Esta guia da extens\u00e3o de rolagem r\u00e1pida do Magento 2 permite que o administrador defina o nome da classe do elemento anterior.<\/li>\n
- Grade de item: Este campo da extens\u00e3o de rolagem sem fim do Magento 2 permite que o administrador defina o nome da classe do item da grade.<\/li>\n
- Lista de Itens: Este campo da extens\u00e3o Magento 2 infinito scroll permite que o administrador defina o nome da classe do item da lista.<\/li>\n
- Barra de ferramentas: Neste campo do m\u00f3dulo de rolagem infinita do Magento 2, o administrador ter\u00e1 que definir o nome da classe da barra de ferramentas.<\/li>\n
- Pagina\u00e7\u00e3o: Esta guia da extens\u00e3o de rolagem r\u00e1pida do Magento 2 permite que o administrador defina o nome da classe do cont\u00eainer de pagina\u00e7\u00e3o.<\/li>\n<\/ul>\n
NOTA:<\/strong><\/p>\n1. N\u00e3o se esque\u00e7a de adicionar ‘#’ antes do elemento id e ‘.’ antes do elemento de classe.<\/strong><\/em>
\n 2. Se voc\u00ea n\u00e3o estiver familiarizado com esses elementos seletores, n\u00e3o os edite.<\/strong><\/em><\/p>\n3.4 Configura\u00e7\u00f5es do Sandbox:
\n<\/a><\/h3>\n![\"magento-2-infinte-scroll-sandbox-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-sandbox-settings.png\")
<\/a><\/p>\nA guia Sandbox Settings da extens\u00e3o de rolagem infinita do Magento 2 oferece ao administrador para testar a extens\u00e3o antes de implement\u00e1-la no site.<\/p>\n
\n- Ativar:<\/strong> Habilite este campo da extens\u00e3o de rolagem r\u00e1pida do Magento 2 para testar a extens\u00e3o.<\/li>\n
- Endere\u00e7o IP autorizado:<\/strong> Neste campo da extens\u00e3o de rolagem r\u00e1pida do Magento 2, insira os endere\u00e7os IP nos quais voc\u00ea deseja que a rolagem infinita esteja ativa. Certifique-se de que os endere\u00e7os IP inseridos sejam separados por v\u00edrgula. Voc\u00ea pode adicionar o IP clicando na op\u00e7\u00e3o “Adicionar meu IP”.<\/li>\n<\/ul>\n
4.0 Front-end da loja<\/h2>\n
A extens\u00e3o de rolagem sem fim do Magento 2 ser\u00e1 habilitada em todo o site onde a pagina\u00e7\u00e3o ocorrer. O scroll Scroll infinito para a extens\u00e3o Magento 2 apareceria na frente da seguinte forma:
\n<\/a><\/p>\n![\"magento-2-infinite-scroll-loader\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-loader.gif\")
<\/a><\/p>\nE<\/b><\/strong>nd<\/b><\/strong> page <\/b><\/strong>massa<\/b><\/strong>ge um<\/b><\/strong>nd <\/b><\/strong>top l<\/b><\/strong>tinta<\/b><\/strong>:<\/b><\/strong><\/p>\n![\"magento-2-infinite-scroll-front-interface\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-front-interface.gif\")
<\/a><\/p>\nEncontre mais detalhes sobre este pergaminho Infinito para Magento 2 abaixo:<\/strong><\/p>\nExtens\u00e3o de rolagem infinita do Magento 2<\/a><\/p>\nExtens\u00e3o frontal de extens\u00e3o r\u00e1pida do Magento 2<\/a><\/p>\n
2.0 Etapas de instala\u00e7\u00e3o do Infinite scroll para Magento 2 Extension:<\/h2>\n
As etapas para instalar a extens\u00e3o de rolagem r\u00e1pida do Magento 2 s\u00e3o mencionadas abaixo:<\/p>\n
1. Compre a extens\u00e3o Infinite scroll for Magento 2 da Knowband. Voc\u00ea pode baixar o pacote de extens\u00e3o. 2. O pacote cont\u00e9m um arquivo compactado que cont\u00e9m o manual do usu\u00e1rio e o c\u00f3digo-fonte do Magento 2 Infinite Scroll Extension. Descompacte o pacote. 3. Crie uma pasta {Magento root} \/ app \/ code \/ Knowband \/ Infinitescroll 4. Fa\u00e7a upload do conte\u00fado extra\u00eddo na pasta acima atrav\u00e9s do gerenciador de FTP (como Filezilla ou WinSCP – baixe aqui: https:\/\/filezilla-project.org\/) . 5. Agora execute os comandos abaixo para instalar a extens\u00e3o do Magento 2 Infinite Scroll: php -f bin \/ m\u00f3dulo 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\u00e3o agora est\u00e1 instalada e pronta para uso. No painel de administra\u00e7\u00e3o, v\u00e1 para “Extens\u00f5es de banda de conhecimento> Rolagem infinita”. Agora voc\u00ea pode configurar e usar a extens\u00e3o Magento 2 Infinite Scroll.<\/p>\n
3.0 Interface Admin<\/h2>\n
A extens\u00e3o de rolagem r\u00e1pida do Magento 2 oferece as seguintes interfaces a serem configuradas: Abaixo est\u00e1 a descri\u00e7\u00e3o detalhada de cada configura\u00e7\u00e3o:<\/p>\n A partir desta guia, o administrador da loja pode ajustar as configura\u00e7\u00f5es gerais do m\u00f3dulo de rolagem infinita Magento 2.<\/p>\n uma. Rolagem infinita<\/p>\n b. Carregar mais link<\/p>\n <\/a><\/p>\n 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.<\/p>\n NOTA:<\/strong><\/p>\n 1. N\u00e3o se esque\u00e7a de adicionar ‘#’ antes do elemento id e ‘.’ antes do elemento de classe.<\/strong><\/em> A guia Sandbox Settings da extens\u00e3o de rolagem infinita do Magento 2 oferece ao administrador para testar a extens\u00e3o antes de implement\u00e1-la no site.<\/p>\n A extens\u00e3o de rolagem sem fim do Magento 2 ser\u00e1 habilitada em todo o site onde a pagina\u00e7\u00e3o ocorrer. O scroll Scroll infinito para a extens\u00e3o Magento 2 apareceria na frente da seguinte forma: E<\/b><\/strong>nd<\/b><\/strong> page <\/b><\/strong>massa<\/b><\/strong>ge um<\/b><\/strong>nd <\/b><\/strong>top l<\/b><\/strong>tinta<\/b><\/strong>:<\/b><\/strong><\/p>\n Encontre mais detalhes sobre este pergaminho Infinito para Magento 2 abaixo:<\/strong><\/p>\n Extens\u00e3o de rolagem infinita do Magento 2<\/a><\/p>\n Extens\u00e3o frontal de extens\u00e3o r\u00e1pida do Magento 2<\/a><\/p>\n
\n<\/a><\/p>\n<\/a><\/p>\n\n
Configura\u00e7\u00f5es gerais do 3.1
\n<\/a><\/h3>\n<\/a><\/p>\n\n
\n
3.2 Configura\u00e7\u00f5es de apar\u00eancia e comportamento
\n<\/a><\/h3>\n<\/a><\/p>\n\n
<\/a>
\n<\/a><\/p>\n\n
3.3 Configura\u00e7\u00f5es do seletor:
\n<\/a><\/h3>\n<\/a><\/p>\n\n
\n 2. Se voc\u00ea n\u00e3o estiver familiarizado com esses elementos seletores, n\u00e3o os edite.<\/strong><\/em><\/p>\n3.4 Configura\u00e7\u00f5es do Sandbox:
\n<\/a><\/h3>\n<\/a><\/p>\n\n
4.0 Front-end da loja<\/h2>\n
\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n