Descripción del módulo
Módulo gratis para volver arriba en PrestaShop
Facilita la navegación por páginas largas de tu tienda con Concepty Volver arriba, un módulo PrestaShop gratuito que incorpora un botón flotante personalizable. Cuando el visitante supera un umbral de desplazamiento, aparece el botón para regresar a la parte superior de la página con un solo clic. Resulta útil en categorías extensas, fichas de producto, páginas informativas y otras secciones con mucho contenido.
La configuración se realiza desde el panel de administración de PrestaShop. No es necesario modificar los archivos del tema para ajustar el aspecto habitual del botón.
Ajustes disponibles en el panel de administración
La pantalla de configuración ofrece una vista previa en directo para ordenador y móvil. Puedes:
- Activar o desactivar el botón en la tienda.
- Mostrarlo u ocultarlo en dispositivos móviles.
- Elegir por separado el color de fondo y el de la flecha.
- Usar una forma circular o cuadrada con esquinas redondeadas.
- Situar el botón a la izquierda o derecha de la pantalla.
- Ajustar los márgenes horizontal e inferior.
- Modificar el tamaño del botón.
- Definir la distancia de desplazamiento necesaria para mostrarlo.
- Activar o desactivar el desplazamiento suave hacia arriba.
Con la vista previa puedes comprobar el diseño antes de guardar los cambios, sin editar CSS.
Navegación más cómoda en ordenador y móvil
El acceso directo permite volver a la cabecera sin recorrer manualmente toda la página. En teléfonos puedes mantenerlo disponible o desactivarlo si tu diseño ya utiliza elementos flotantes. En escritorio, cambiar el lado y los márgenes ayuda a evitar solapamientos con otros botones o servicios de atención al cliente.
El umbral predeterminado es de 300 píxeles, con un rango configurable de 0 a 2.000 píxeles. El tamaño predeterminado es de 48 píxeles y también se puede ajustar desde la configuración.
Desplazamiento suave y preferencias de movimiento
Al activar la opción de desplazamiento suave, la página regresa progresivamente a la parte superior. También puedes elegir un retorno inmediato. El código tiene en cuenta la preferencia del usuario de reducir el movimiento. Selecciona colores con contraste suficiente para que la flecha se distinga correctamente.
Cómo instalar el módulo Volver arriba
1. Descarga concepty-scroll-top-prestashop-1.0.0.zip desde esta ficha.
2. Accede a Módulos > Gestor de módulos en PrestaShop.
3. Instala el archivo ZIP descargado.
4. Abre la configuración de Concepty – Volver arriba.
5. Ajusta colores, forma, posición, tamaño y umbral de aparición, y guarda los cambios.
6. Comprueba el funcionamiento en una página larga desde ordenador y móvil.
No requiere una importación SQL manual ni cambios en los archivos del tema para la instalación estándar. Utiliza la carga nativa de recursos del frontal de PrestaShop.
Compatibilidad y versión
Versión del módulo: 1.0.0. Esta ficha muestra la familia PrestaShop 9.X, con capturas reales de una instalación PrestaShop 9.2.0. El rango técnico declarado en el módulo incluye 8.x y 9.x, pero conviene probar la versión exacta y el tema antes de utilizarlo en producción.
Preguntas frecuentes
¿Puedo cambiar solo el color de la flecha?
Sí. Puedes definir de forma independiente el color del icono y el de su fondo.
¿Puedo colocarlo a la izquierda?
Sí. Selecciona el lateral y ajusta la distancia horizontal e inferior.
¿Cuándo aparece el botón?
Por defecto aparece después de 300 píxeles de desplazamiento. Puedes configurar el umbral en cero para mostrarlo desde el principio.
¿Se puede ocultar en móviles?
Sí. La visibilidad móvil dispone de una opción específica.
Recursos relacionados en Concepty
Consulta nuestra guía para desarrollar un módulo PrestaShop a medida, descubre el módulo de tienda privada PrestaShop o infórmate sobre nuestros servicios de desarrollo PrestaShop.
¿Quieres modificar o ampliar este módulo?
Para añadir nuevas animaciones, condiciones por página u opciones visuales, contacta con Concepty y estudiaremos una adaptación a medida.