La paginaci\u00f3n en una p\u00e1gina de lista de productos es una caracter\u00edstica muy com\u00fan que vemos en diferentes sitios web de comercio electr\u00f3nico, pero este m\u00f3dulo de desplazamiento infinito de Prestashop har\u00e1 que la lista de productos en la p\u00e1gina de lista de productos sea un poco m\u00e1s interesante. Cuando este m\u00f3dulo de productos de lista de Prestashop est\u00e9 habilitado, el cliente simplemente se desplazar\u00e1 hacia abajo en la p\u00e1gina para ver m\u00e1s productos que se enumeran en la p\u00e1gina de listado de productos.<\/p>\n
2.0 Pasos para la instalaci\u00f3n del m\u00f3dulo de desplazamiento infinito de Prestashop:<\/h2>\n
Una vez que compre el complemento de desplazamiento infinito, siga los pasos a continuaci\u00f3n:<\/p>\n
- \n
- Vaya al Administrador de la tienda -> M\u00f3dulos y servicios.<\/li>\n<\/ol>\n
![\"prestashop-infinte-scroll-module-installation-step1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinte-scroll-module-installation-step1.png\")
<\/a><\/p>\n2. Haga clic en “Subir un m\u00f3dulo”. Puede arrastrar o soltar el archivo o simplemente seleccionar el archivo del sistema.<\/p>\n
![\"prestashop-infinte-scroll-module-installation-step2\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinte-scroll-module-installation-step2.png\")
<\/a><\/p>\nUna vez que el archivo se haya cargado por completo, se mostrar\u00e1 una notificaci\u00f3n de “M\u00f3dulo(s) instalado(s) correctamente”. Ahora puedes configurar tu m\u00f3dulo.<\/p>\n
M\u00f3dulo de administraci\u00f3n 3.0<\/h2>\n
En la interfaz de administraci\u00f3n del m\u00f3dulo de desplazamiento infinito de Prestashop, habr\u00e1 las siguientes opciones para configurar este m\u00f3dulo de vista de lista de Prestashop. El m\u00f3dulo de desplazamiento desplegable de Prestashop incluye 4 pesta\u00f1as y son las siguientes.<\/p>\n
1. Configuraci\u00f3n general<\/strong><\/p>\n
2. Configuraci\u00f3n avanzada<\/strong><\/p>\n
3. Configuraci\u00f3n de pantalla<\/strong><\/p>\n
4. Configuraci\u00f3n del selector<\/strong><\/p>\n
Cada secci\u00f3n del complemento Prestashop Infinite Scroll se describe en detalle a continuaci\u00f3n.<\/p>\n
3.1 Configuraci\u00f3n general del m\u00f3dulo de desplazamiento infinito de Prestashop:<\/h3>\n
Esta secci\u00f3n del m\u00f3dulo de productos de la lista de Prestashop tendr\u00e1 las siguientes opciones para configurar este m\u00f3dulo de desplazamiento infinito de Prestashop:
\n<\/a><\/p>\n![\"prestashop-infinte-scroll-module-configuraciones-generales\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinte-scroll-module-general-settings.png\")
<\/a><\/p>\n- \n
- Habilitar deshabilitar:<\/strong> Esta opci\u00f3n del m\u00f3dulo de desplazamiento r\u00e1pido de Prestashop tendr\u00e1 un bot\u00f3n de alternar con dos valores espec\u00edficos ON y OFF. Este m\u00f3dulo Prestashop de Knowband solo funcionar\u00e1 si est\u00e1 activado. Si est\u00e1 desactivado, ninguna de las funciones funcionar\u00e1 y ni siquiera afectar\u00e1 a ninguna otra secci\u00f3n del sitio web. Por defecto, esta opci\u00f3n estar\u00e1 DESACTIVADA.<\/li>\n
- CSS y JS personalizados:<\/strong> Estos campos del m\u00f3dulo de desplazamiento infinito de Prestashop se han proporcionado para permitir que el administrador cambie la apariencia de la parte frontal del m\u00f3dulo de desplazamiento r\u00e1pido de Prestashop.<\/li>\n<\/ul>\n
3.2 Configuraci\u00f3n avanzada del m\u00f3dulo de desplazamiento infinito de Prestashop:
\n<\/a><\/h3>\n![\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinite-scroll-module-advance-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinite-scroll-module-advance-settings.png\")
<\/a><\/p>\n- \n
- Mostrar mensaje de p\u00e1gina final:<\/strong> Este campo del m\u00f3dulo de desplazamiento desplegable de Prestashop ofrece al propietario de la tienda mostrar el mensaje al final de la p\u00e1gina de listado de productos. Si el Propietario habilita Mostrar p\u00e1gina final, aparecer\u00e1 la siguiente opci\u00f3n:<\/li>\n
- Mostrar enlace Ir al principio:\ufffd<\/strong>Este campo del m\u00f3dulo Prestashop Infinite Scroll le permite al propietario de la tienda mostrar un enlace en la interfaz frontal para ir a la parte superior de la p\u00e1gina mostrando un bot\u00f3n en la parte inferior de la p\u00e1gina.<\/li>\n
- Mostrar cargador durante la carga:\ufffd<\/strong>Esta opci\u00f3n del complemento de desplazamiento infinito de Prestashop ofrece al propietario de la tienda configurar la visualizaci\u00f3n del cargador durante la carga del producto. Entonces, cada vez que los clientes se desplazan por la p\u00e1gina, pueden ver un cargador mientras cargan el<\/li>\n
- Tipo de desplazamiento:<\/strong>El complemento de desplazamiento infinito de Prestashop permite al propietario de la tienda elegir entre la opci\u00f3n de desplazamiento entre el desplazamiento infinito y cargar m\u00e1s enlaces de productos. Si el propietario puede seleccionar el enlace Cargar m\u00e1s, habr\u00e1 la siguiente opci\u00f3n:
\nMostrar m\u00e1s enlace despu\u00e9s de:<\/strong>El propietario puede establecer la frecuencia para mostrar cargar m\u00e1s enlaces, es decir, despu\u00e9s de que se carguen tantas p\u00e1ginas, aparecer\u00e1 el enlace.<\/li>\n- Configuraci\u00f3n de la zona de pruebas:<\/strong> El administrador tambi\u00e9n puede probar el m\u00f3dulo de desplazamiento infinito de Prestashop habilitando este campo. Si el Propietario habilita la configuraci\u00f3n de Sandbox, aparecer\u00e1 la siguiente opci\u00f3n:<\/li>\n
- A\u00f1adir IP:<\/strong> En este campo del m\u00f3dulo de desplazamiento r\u00e1pido de Prestashop de Knowband, el administrador puede agregar diferentes IP separ\u00e1ndolas con una coma y el m\u00f3dulo de Prestashop funcionar\u00e1 solo para estas direcciones IP.<\/li>\n<\/ul>\n
3.3 Configuraci\u00f3n de visualizaci\u00f3n del m\u00f3dulo de desplazamiento infinito de Prestashop:
\n<\/a>![\"prestashop-infinte-scroll-module-display-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinte-scroll-module-display-settings.png\")
<\/a><\/h3>\n- \n
- Color de fondo del cuadro de mensaje:<\/strong> Este campo del m\u00f3dulo de desplazamiento desplegable de Prestashop le permite al administrador personalizar el color de fondo del cuadro de mensaje que se mostrar\u00e1 cuando se complete la carga de todos los productos.<\/li>\n
- Color del texto del cuadro de mensaje:<\/strong> El m\u00f3dulo Prestashop Infinite Scroll permite al administrador cambiar el color del texto del cuadro de mensaje.<\/li>\n
- Color del borde del cuadro de mensaje:<\/strong> El m\u00f3dulo de desplazamiento infinito de Prestashop le permite al administrador personalizar el color del borde del cuadro de mensaje seg\u00fan sus requisitos.<\/li>\n
- Color de fondo del enlace superior:<\/strong> El administrador puede personalizar el color de fondo del enlace superior del m\u00f3dulo de productos de la lista de Prestashop.<\/li>\n
- <\/b>M<\/b><\/strong>que<\/b><\/strong>ge y <\/b><\/strong>Arriba\ufffd<\/b><\/strong>aqu\u00ed <\/b><\/strong>pre<\/b><\/strong>ver:<\/b><\/strong> <\/b>El administrador de la tienda puede obtener una vista previa del mensaje de la p\u00e1gina final y el dise\u00f1o del bot\u00f3n de enlace superior.<\/li>\n<\/ul>\n
La vista previa de los cambios que se realizar\u00e1n se refleja en el cuadro de vista previa que se encuentra justo debajo de los campos de este m\u00f3dulo de desplazamiento desplegable de Prestashop.<\/p>\n
3.4 Configuraci\u00f3n del selector del m\u00f3dulo de desplazamiento infinito de Prestashop:<\/h3>\n
Los valores en esta pesta\u00f1a del m\u00f3dulo de desplazamiento desplegable de Prestashop deben ser correctos para que este m\u00f3dulo de desplazamiento r\u00e1pido de Prestashop funcione correctamente. Los valores en esta pesta\u00f1a del m\u00f3dulo Prestashop Infinite Scroll pueden cambiar seg\u00fan el tema del Prestashop utilizado en el frente.<\/p>\n
NOTA:<\/strong> Si los valores del selector en estas pesta\u00f1as del m\u00f3dulo de desplazamiento infinito de Prestashop se ingresan incorrectamente, el m\u00f3dulo de desplazamiento infinito de Prestashop seguramente no funcionar\u00e1 correctamente.
\n<\/a><\/p>\n![\"prestashop-infinite-scroll-module-selector-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinite-scroll-module-selector-settings.png\")
<\/a><\/p>\n- \n
- S<\/b><\/strong>electo<\/b><\/strong>Art\u00edculo<\/b><\/strong>:<\/b><\/strong> <\/b>El administrador de la tienda puede ingresar el valor del elemento del selector desde esta pesta\u00f1a.<\/li>\n
- Se<\/b><\/strong>lec<\/b><\/strong>tor <\/b><\/strong>contiene<\/b><\/strong>ner:<\/b><\/strong>El administrador de la tienda puede ingresar el valor del contenedor del selector desde esta pesta\u00f1a.<\/li>\n
- S<\/b><\/strong>alto<\/b><\/strong>ctor<\/b><\/strong> <\/b>n<\/b><\/strong>ext<\/b><\/strong>:<\/b><\/strong>El administrador de la tienda puede ingresar el siguiente valor del selector desde esta pesta\u00f1a.<\/li>\n
- Se<\/b><\/strong>lec<\/b><\/strong>padre pa<\/b><\/strong>g<\/b><\/strong>inaci\u00f3n<\/b><\/strong>n<\/b><\/strong>: <\/b><\/strong>El administrador de la tienda puede ingresar el valor de paginaci\u00f3n del selector desde esta secci\u00f3n.<\/li>\n<\/ul>\n
4.0 Interfaz frontal del m\u00f3dulo Prestashop Infinite Scroll:<\/h3>\n
Cuando el m\u00f3dulo de desplazamiento infinito de Prestashop de Knowband est\u00e1 habilitado desde el panel de administraci\u00f3n, en cada p\u00e1gina de listado de productos no aparecer\u00e1 la paginaci\u00f3n de los productos. El cliente podr\u00e1 ver todos los productos simplemente desplaz\u00e1ndose hacia abajo en la p\u00e1gina y si el enlace Ir a la parte superior est\u00e1 habilitado, el enlace aparecer\u00e1 en la parte inferior derecha de la p\u00e1gina para que el cliente vuelva a la parte superior de la p\u00e1gina. .<\/p>\n
![\"prestashop-infinite-scroll-module-front-interface-1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinite-scroll-module-front-interface-1.gif\")
<\/a><\/p>\nMensaje de p\u00e1gina final:<\/h3>\n
- Se<\/b><\/strong>lec<\/b><\/strong>tor <\/b><\/strong>contiene<\/b><\/strong>ner:<\/b><\/strong>El administrador de la tienda puede ingresar el valor del contenedor del selector desde esta pesta\u00f1a.<\/li>\n
- Color del texto del cuadro de mensaje:<\/strong> El m\u00f3dulo Prestashop Infinite Scroll permite al administrador cambiar el color del texto del cuadro de mensaje.<\/li>\n
- Mostrar enlace Ir al principio:\ufffd<\/strong>Este campo del m\u00f3dulo Prestashop Infinite Scroll le permite al propietario de la tienda mostrar un enlace en la interfaz frontal para ir a la parte superior de la p\u00e1gina mostrando un bot\u00f3n en la parte inferior de la p\u00e1gina.<\/li>\n
- CSS y JS personalizados:<\/strong> Estos campos del m\u00f3dulo de desplazamiento infinito de Prestashop se han proporcionado para permitir que el administrador cambie la apariencia de la parte frontal del m\u00f3dulo de desplazamiento r\u00e1pido de Prestashop.<\/li>\n<\/ul>\n
- Habilitar deshabilitar:<\/strong> Esta opci\u00f3n del m\u00f3dulo de desplazamiento r\u00e1pido de Prestashop tendr\u00e1 un bot\u00f3n de alternar con dos valores espec\u00edficos ON y OFF. Este m\u00f3dulo Prestashop de Knowband solo funcionar\u00e1 si est\u00e1 activado. Si est\u00e1 desactivado, ninguna de las funciones funcionar\u00e1 y ni siquiera afectar\u00e1 a ninguna otra secci\u00f3n del sitio web. Por defecto, esta opci\u00f3n estar\u00e1 DESACTIVADA.<\/li>\n
![\"prestashop-infinite-scroll-module-front-interface-2\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinite-scroll-module-front-interface-2.gif\")
<\/a><\/p>\n![\"prestashop-infinite-scroll-module-front-interface-3\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/prestashop-infinite-scroll-module-front-interface-3.gif\")
<\/a><\/p>\n![\n<\/a>](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/04\/Prestashop-Infinite-Scroll_Display-Settings.png\"){kind=link}