1.0 Introducción
El desplazamiento infinito carga el contenido de la página web continuamente a medida que el usuario se desplaza hacia abajo en la página web. Básicamente, el desplazamiento infinito es la técnica del diseño web que elimina la paginación del sitio web. Extensión de desplazamiento infinito de Magento 2 de Knowband hace lo mismo. Elimina la funcionalidad de paginación y recarga de página del sitio web y facilita la navegación para que los visitantes de su tienda Magento vean el siguiente conjunto de productos sin volver a cargar la página web.
1.1 Características de la extensión de desplazamiento rápido de Magento 2:
- La extensión Magento 2 Infinite Scroll reemplaza el sistema de paginación del sitio web.
- La extensión de desplazamiento rápido de Magento 2 reduce el tiempo de carga del sitio web.
- El administrador de la tienda puede habilitar o deshabilitar el módulo de desplazamiento infinito de Magento 2 con un solo clic de botón.
- La extensión de desplazamiento rápido de Magento 2 ofrece la opción de prueba de sandbox para el administrador. Después de habilitar esta tienda, el administrador debe ingresar la dirección IP específica para probar el módulo.
- El desplazamiento infinito para la extensión Magento 2 ofrece una mejor experiencia de usuario.
- El módulo de desplazamiento rápido de Magento 2 optimiza la navegación del sitio.
- El administrador puede especificar el número de páginas después de las cuales se mostrará “Cargar más”. El administrador de la tienda también puede ajustar la velocidad del cargador.
- El administrador de la tienda puede mostrar el mensaje de la página final después de completar la lista de productos.
- La extensión de desplazamiento sin fin de Magento 2 funciona sin problemas con las vistas de lista y la vista de cuadrícula.
- El administrador de la tienda puede establecer el color de fondo y el color del texto del mensaje de la página final e ir al enlace superior.
- El módulo de desplazamiento infinito de Magento2 ofrece al administrador de la tienda para agregar la configuración del selector.
- El módulo de desplazamiento infinito de Magento 2 responde a dispositivos móviles.
2.0 Pasos de instalación de Infinite scroll para la extensión Magento 2:
Los pasos para instalar la extensión de desplazamiento rápido de Magento 2 se mencionan a continuación:
1. Compre la extensión Infinite scroll para Magento 2 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 de FTP (como Filezilla o WinSCP – descargue aquí: https://filezilla-project.org/) . 5. Ahora ejecute los siguientes comandos 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 php bin / magento setup: static-content: deploy php bin / magento cache: clean 6. La extensión ahora está instalada y lista para usar. En el Panel de administración, vaya a “Extensiones de Knowband> Infinite Scroll”. Ahora puede configurar y usar la extensión Magento 2 Infinite Scroll.
3.0 Interfaz de administración
La extensión de desplazamiento rápido de Magento 2 ofrece las siguientes interfaces para configurar:
- Ajustes generales
- Configuración de apariencia
- Configuración del selector
- Configuración de Sandbox
A continuación se muestra la descripción detallada de cada configuración:
Configuración general de 3.1
Desde esta pestaña, el administrador de la tienda puede ajustar la configuración general del módulo de desplazamiento infinito de Magento2.
- Habilite la extensión: Esta pestaña de desplazamiento rápido de Magento 2 habilitará la opción de desplazamiento infinito. El administrador puede habilitar / deshabilitar esta extensión de Magento cuando sea necesario.
- Mostrar mensaje de 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á 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á al final de la página de la lista de productos.
- Mostrar el enlace Ir al principio: El módulo de desplazamiento infinito de 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 la lista de productos.
- Cargando mensaje: Esta sección de la extensión de desplazamiento rápido de Magento 2 ofrece al administrador configurar el texto mientras carga el contenido de la página web.
- Seleccione el tipo de desplazamiento: La extensión de desplazamiento rápido de Magento 2 le permite al administrador seleccionar el tipo de desplazamiento en la página de lista de productos. Las siguientes opciones se dan en tipo de desplazamiento:
a. Desplazamiento infinito
segundo. Cargar más enlace
- Cargar más etiqueta: Cuando se selecciona la opción “Cargar más enlace”, se mostrará este campo. Este campo de la extensión de desplazamiento infinito de Magento 2 le permite al administrador configurar 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 de Magento 2 funcionará solo cuando “Tipo de desplazamiento” sea “Desplazamiento infinito”. Este campo permite al administrador establecer la frecuencia de carga de más enlaces que se mostrarán en el front-end.
- Retraso 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 hasta el ú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 queden X 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 permitirá al administrador mostrar la barra de herramientas en la página de listado de productos o no.
3.2 Configuración de apariencia
Desde esta pestaña, el administrador de la tienda puede ajustar el fondo y el color del texto del cuadro de mensaje e ir al enlace superior.
- Color de fondo del cuadro de mensaje: Esta pestaña de la extensión de desplazamiento sin fin de Magento 2 ofrece al administrador establecer el color de fondo del cuadro de mensaje.
- Color del borde: La extensión Magento 2 Infinite Scroll le 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 en el selector de colores.
- Ir al color de fondo del enlace superior: Este campo de la extensión de desplazamiento rápido de Magento 2 permite al administrador establecer el color de fondo del “Ir al enlace superior”. A continuación se muestra la captura de pantalla del enlace Ir al principio:
- CSS personalizado: Si el administrador desea agregar el CSS personalizado para cualquier elemento de Infinite scroll para la extensión Magento 2, 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 puede cargar imágenes en formato .jpg, .png y .gif únicamente. El tamaño de la imagen no debe superar los 2 MB.
3.3 Configuración del selector:
- Contenido: esta pestaña de la extensión Magento 2 Infinite Scroll permite al administrador configurar 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 establecer el nombre de clase del elemento Siguiente.
- Anterior: Esta pestaña de la extensión de desplazamiento rápido de Magento 2 le permite al administrador establecer el nombre de la Clase del elemento Anterior.
- Item Grid: este campo de la extensión de desplazamiento sin fin de Magento 2 permite al administrador establecer el nombre de clase del elemento Grid.
- Lista de elementos: este campo de la extensión de desplazamiento sin fin de Magento2 permite al administrador establecer el nombre de la clase del elemento de la lista.
- Barra de herramientas: en este campo del módulo de desplazamiento infinito de Magento 2, el administrador tendrá que 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 le permite al administrador establecer el nombre de la clase del contenedor de paginación.
NOTA:
1. No olvide 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 Configuración de Sandbox:
La pestaña Configuración de Sandbox de la extensión de desplazamiento infinito de Magento 2 ofrece al administrador probar la extensión antes de implementarla en el sitio.
- Activar: Habilite este campo de la extensión de desplazamiento rápido 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 el desplazamiento infinito esté activo. 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 sin fin de Magento 2 se habilitará en todo el sitio web donde se produce la paginación. El Infinite scroll para la extensión Magento 2 aparecería en el frente de la siguiente manera:
EndPágina masage and arriba ltinta:
Encuentre más detalles sobre este desplazamiento infinito para Magento 2 a continuación:
Demostración de administrador de extensión de desplazamiento sin fin de Magento 2
Demostración frontal de extensión de extensión de desplazamiento rápido de Magento 2
“Además, explore más Extensiones Magento 2 para tu tienda “.