TECNOAMBASSADOR · MÓDULO PRESTASHOP
Tecno Banner
Un slider de banners para la parte superior de tu tienda.
|
| Lo primero que ve tu cliente tiene que vender. Tecno Banner muestra un slider de banners en la parte superior de tu tienda, con imágenes distintas para computadora y celular, links, textos sobre la imagen, transiciones y programación por fechas. Cargás, ordenás y activás tus banners desde un solo panel. |
| 🖼️ Desktop y celular 📅 Programación por fechas 🌎 Español e inglés |
¿Qué podés hacer?
|
| |
🖼️ Una imagen para cada pantalla
- Subí una imagen para desktop y otra para celular en cada banner.
- Elegís hasta qué ancho de pantalla se usa la imagen de celular.
- Formatos JPG, PNG, GIF, WebP y AVIF, de hasta 8 MB cada una.
- Optimización automática a WebP al subir, para que carguen más rápido (opcional).
|
|
| |
| |
🔗 Links y textos sobre la imagen
- Link opcional en cada banner, que abre en la misma pestaña o en otra.
- Acepta direcciones completas, rutas internas de tu tienda y anclas.
- Título, subtítulo y botón con texto propio sobre la imagen.
- Posición del texto a la izquierda, al centro o a la derecha.
- Opción de oscurecer el fondo para que el texto se lea mejor.
- Texto alternativo para SEO y accesibilidad.
|
|
| |
| |
📅 Programación y gestión de banners
- Programá desde qué fecha y hasta cuál se muestra cada banner (ideal para ofertas y fechas especiales).
- El listado indica si cada banner está visible, programado o vencido.
- Activá o desactivá un banner con un clic, sin borrarlo.
- Reordená los banners subiéndolos o bajándolos.
- Editá o eliminá cuando quieras; al eliminar, se borran también sus imágenes.
- Cada banner lleva un nombre interno para que lo identifiques fácil.
|
|
| |
| |
🎬 Transiciones y animaciones
- 4 transiciones entre banners: fundido, deslizar, fundido con zoom y Ken Burns (zoom lento).
- 10 animaciones de entrada: sin animación, fundido, subir, bajar, zoom, rebote, giro 3D, entrar desde la izquierda o la derecha, y desenfoque a nítido.
- La animación de entrada se reproduce una vez, cuando el banner aparece en pantalla.
- Vista previa en el panel con botón para repetirla.
- Duración de la transición configurable.
|
|
| |
| |
▶️ Navegación y cambio automático
- Cambio automático con el tiempo entre banners a tu elección.
- Opción de volver al primero al terminar.
- Pausa al pasar el mouse por encima.
- Barra de progreso, flechas (en computadora) y puntos de navegación, que podés activar o no.
- En celular, se desliza con el dedo; en computadora, también con el teclado.
|
|
| |
| |
📐 Tamaño y diseño a tu medida
- Tamaño automático: se adapta a cada imagen, que se ve completa y centrada.
- Tamaño fijo: definís ancho y alto para desktop y celular, y elegís si la imagen cubre el recuadro o se muestra entera.
- Opción de ocupar todo el ancho de la pantalla.
- Margen superior e inferior, espacio a los costados y bordes redondeados configurables.
|
|
| |
| |
⚡ Rápido y accesible
- El primer banner carga con prioridad y los demás se cargan a medida que hacen falta.
- El slider se pausa cuando cambiás de pestaña.
- Etiquetas de accesibilidad para lectores de pantalla y navegación con el teclado.
- Respeta la opción de reducir movimiento del dispositivo del visitante.
|
|
| |
| |
⚙️ Panel de control a tu medida
- Interruptor para mostrar u ocultar todo el banner en la tienda.
- Color principal y color oscuro para personalizar los controles.
- Banners y ajustes en el mismo panel, con encabezado de estado y versión.
- Panel en español e inglés, con selector Auto / ES / EN.
|
|
| |
✅ Ventajas
- Ofertas y novedades siempre a la vista, en lo más alto de tu tienda.
- Imágenes pensadas para cada pantalla, sin recortes raros en el celular.
- Banners programados que aparecen y desaparecen solos.
- Todo se maneja desde el panel, sin tocar código.
|
| |
Requisitos
- PrestaShop 1.7.6 o superior.
- Un tema que muestre la posición displayTopColumn, que es donde aparece el banner.
- Carpeta modules/tecnobanner/uploads/ con permiso de escritura, para guardar las imágenes.
- Importante: al desinstalar el módulo se eliminan los banners y sus imágenes.
|
