Magento 2 Infinite Scroll Extension por Knowband – Manual de usuario

1.0 Introducción

El desplazamiento infinito carga continuamente el contenido de la página web a medida que el usuario se desplaza por la página web. Básicamente, el desplazamiento infinito es la técnica del diseño web para eliminar la paginación del sitio web. Magento 2 Infinite Scroll Extension de Knowband hace lo mismo. Elimina la funcionalidad de paginación y recarga de página del sitio web y facilita la navegación a los visitantes de la tienda Magento para ver el siguiente conjunto de productos sin tener que volver a cargar la página web.

1.1 Beneficios del administrador de Magento Infinite Scroll Extension:

  1. La extensión Magento 2 Infinite Scroll reemplaza el sistema de paginación del sitio web.
  2. La extensión de desplazamiento rápido Magento 2 reduce el tiempo de carga del sitio web.
  3. La extensión de desplazamiento rápido Magento 2 ofrece la opción de prueba de sandbox para el administrador.
  4. La extensión de desplazamiento infinito de Magento 2 brinda una mejor experiencia de usuario.
  5. El módulo de desplazamiento rápido Magento 2 optimiza la navegación del sitio.
  6. El administrador puede especificar el número de páginas después de lo cual, se mostrará “Cargar más”.
  7. La extensión de desplazamiento infinito de Magento 2 funciona sin problemas con las vistas de lista y la vista de cuadrícula.

2.0 Pasos de instalación de Magento 2 Infinite Scroll Extension:

Los pasos para instalar la extensión de desplazamiento Magento 2 Infinite se mencionan a continuación:

1. Compre la extensión de desplazamiento Magento 2 Infinite de Knowband. Puede descargar el paquete de extensión.

2. El paquete tiene un archivo comprimido que contiene el manual del usuario y el código fuente de Magento 2 Infinite Scroll Extension. Descomprime el paquete.

3. Cree una carpeta {Magento root} / app / code / Knowband / Infinitescroll

4. Cargue el contenido extraído en la carpeta anterior a través del administrador FTP (como Filezilla o WinSCP – descargue aquí: http://filezilla-project.org/).

5. Ahora ejecute los comandos a continuación para instalar Magento 2 Infinite Scroll Extension:
módulo php -f bin / magento: enable -clear-static-content Knowband_ Infinitescroll
php -f bin / magento setup: upgrade
php -f bin / magento setup: di : compilar la instalación de
php bin / magento: estático-contenido: implementar

6. La extensión está ahora instalada y lista para usar. En el Panel de administración vaya a “Extensiones de Knowband> Desplazamiento infinito”.

Ahora puede configurar y usar la extensión Magento 2 Infinite Scroll.

Interfaz de administración 3.0

La extensión de desplazamiento rápido Magento 2 ofrece las siguientes interfaces para configurar:

Magento 2 Infinite Scroll Extension por Knowband - Interfaz de administrador

  1. Configuración general
  2. Configuraciones de apariencia y sentimiento
  3. Configuraciones de Selector
  4. Configuración de Sandbox

A continuación se encuentra la descripción detallada de cada configuración:

3.1 Configuraciones generales

Magento 2 Infinite Scroll Extension por Knowband - Configuración general

  • Habilite la extensión: esta pestaña del desplazamiento rápido de Magento 2 habilitará la opción de desplazamiento infinito. El administrador puede habilitar / deshabilitar esta extensión de Magento siempre que sea necesario.
  • Mostrar mensaje de la página final: este campo de la extensión de desplazamiento rápido de Magento 2 permite al administrador habilitar / deshabilitar el mensaje que se mostraría al final de la página de la lista de productos.
  • Mensaje de la página final: este campo de la extensión de desplazamiento sin fin de Magento 2 permite al administrador establecer el texto del mensaje de la página final que se mostraría al final de la página de la lista de productos.
  • Mostrar Ir Arriba Enlace: El módulo de desplazamiento infinito Magento 2 permite al administrador mostrar la opción “Ir al enlace superior” que ayuda a los usuarios a saltar a la parte superior de la página de listado de productos.
  • Cargando mensaje: esta sección de la extensión de desplazamiento rápido de Magento 2 ofrece al administrador la posibilidad de configurar el texto mientras carga el contenido de la página web.
  • Seleccionar tipo de desplazamiento: la extensión de desplazamiento rápido Magento 2 proporciona al administrador la posibilidad de seleccionar el tipo de desplazamiento en la página de listado de productos. Las siguientes opciones se dan en tipo de desplazamiento:

a. Desplazamiento infinito

segundo. Cargar más enlaces

  • Cargar más etiqueta: cuando se selecciona la opción “Cargar más vínculo”, se mostrará este campo. Este campo de la extensión de desplazamiento infinito de Magento 2 permite al administrador establecer el texto en el enlace Cargar más.
  • Frecuencia para mostrar Cargar más texto: este campo de la extensión de desplazamiento rápido Magento 2 funcionará solo cuando “Tipo de desplazamiento” sea “Desplazamiento infinito”. Este campo le permite al administrador establecer la frecuencia de carga de más enlaces que se mostrarán en el front-end.
  • Retardo del cargador: este campo del módulo de desplazamiento infinito de Magento 2 permite al administrador establecer el número mínimo de milisegundos para permanecer en un estado de carga.
  • Margen negativo: este campo de la extensión de desplazamiento rápido de Magento 2 le dará la posibilidad de cargar los nuevos elementos antes de llegar al último elemento de la página. De forma predeterminada, el cargador comienza a cargar nuevos elementos cuando el usuario se desplaza al último elemento de la página. El administrador puede establecer la cantidad de productos aquí. Por ejemplo, si el número ‘X’ se ingresa aquí, entonces, el cargador comenzará a cargarse antes de que haya un número X de productos en la página web.
  • Barra de herramientas de visualización: este campo de la extensión de desplazamiento sin fin de Magento 2 le permitirá al administrador mostrar o no la barra de herramientas en la página de listado de productos.

A continuación se muestra la captura de pantalla de la barra de herramientas en la página de listado de productos:

Magento 2 Infinite Scroll Extension por Knowband - Barra de herramientas de la pantalla

3.2 Configuraciones de apariencia y sentimiento

Magento 2 Infinite Scroll Extension por Knowband - Ajustes de apariencia y sensación

  • Color de fondo del cuadro de mensaje: esta pestaña de la extensión de desplazamiento sin fin de Magento 2 ofrece al administrador el color de fondo del cuadro de mensaje.
  • Color del borde: la extensión Magento 2 Infinite Scroll permite al administrador personalizar el color del borde del cuadro de mensaje según sus preferencias.
  • Color del texto: el administrador puede personalizar el color del texto del cuadro de mensaje según su elección. Él puede hacer lo mismo simplemente seleccionando el color del selector de color.
  • Ir al principio Color de fondo del enlace: este campo de la extensión de desplazamiento rápido de Magento 2 permite al administrador establecer el color de fondo del “Enlace Ir Arriba”. A continuación se muestra la captura de pantalla del enlace Ir al principio:

Magento 2 Infinite Scroll Extension por Knowband - Ir al enlace superior

  • CSS personalizado: si el administrador desea agregar el CSS personalizado para cualquier elemento de la extensión de desplazamiento infinito de Magento 2, entonces, puede hacer lo mismo agregando CSS en este campo.
  • Cargar imagen del cargador: esta pestaña de la extensión de desplazamiento sin fin de Magento 2 permite al administrador cargar la imagen del cargador de su elección. El administrador solo puede cargar imágenes en formato .jpg, .png y .gif. El tamaño de la imagen no debe ser más de 2 MB.

3.3 Configuraciones de Selector:

Magento 2 Infinite Scroll Extension por Knowband - Configuraciones de Selector

  • Contenido: esta pestaña de la extensión Magento 2 Infinite Scroll permite al administrador establecer el nombre de la clase del contenedor de contenido.
  • Siguiente: esta pestaña de la extensión de desplazamiento rápido de Magento 2 ofrece al administrador la posibilidad de establecer el nombre de clase del elemento Siguiente.
  • Previous: Esta pestaña de la extensión de desplazamiento rápido de Magento 2 permite al administrador establecer el nombre de clase del elemento anterior.
  • Cuadrícula de artículo: este campo de la extensión de desplazamiento sin fin de Magento 2 permite al administrador establecer el nombre del nombre de la clase de la cuadrícula.
  • Barra de herramientas: en este campo del módulo de desplazamiento infinito de Magento 2, el administrador deberá establecer el nombre de clase de la barra de herramientas.
  • Paginación: esta pestaña de la extensión de desplazamiento rápido de Magento 2 permite al administrador establecer el nombre de clase del contenedor de paginación.

NOTA:

1. No olvides agregar ‘#’ antes del elemento id y ‘.’ antes del elemento de clase. 
2. Si no está familiarizado con estos elementos de selección, no los edite.

3.4 Configuraciones de Sandbox:

Magento 2 Infinite Scroll Extension de Knowband: pruebas de Sandbox

La pestaña Configuración de espacio aislado de la extensión de desplazamiento infinito Magento 2 ofrece al administrador la oportunidad de probar la extensión antes de implementarla en el sitio.

  • Activar: habilite este campo de la extensión de desplazamiento rápido de Magento 2 para probar la extensión.
  • Dirección IP autorizada: en este campo de la extensión de desplazamiento rápido de Magento 2, ingrese las direcciones IP en las que desea que esté activo el desplazamiento infinito. Asegúrese de que las direcciones IP ingresadas estén separadas por una coma. Puede agregar la IP haciendo clic en la opción “Agregar mi IP”.

4.0 Tienda Front-end

La extensión de desplazamiento infinito de Magento 2 se habilitará en todo el sitio web donde se produce la paginación. La extensión de desplazamiento infinito de Magento 2 aparecería en la parte frontal de la siguiente manera:

Magento 2 Infinite Scroll Extension por Knowband - Front End

Magento 2 Infinite Scroll Extension por Knowband - Front End

Magento 2 Infinite Scroll Extension por Knowband - Front End

Encuentre más detalles sobre esta Extensión de desplazamiento Magento 2 Infinite a continuación:

Magento 2 Infinite Scroll Extension Admin Demo

Demostración frontal Magento 2 Infinite Scroll Extension

“Además, explore más extensiones de Magento 2 para su tienda”.

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *