actualizarSlide

[CBarreraB]

[CBarreraB]

Esto se refiere a la configuración de las diapositivas (slides):

1. Tamaño de las Slides: Cada slide tiene un tamaño máximo de 1920 píxeles de ancho por 600 píxeles de alto. Esto significa que las diapositivas son bastante amplias y tienen una relación de aspecto de 16:5. Se elige este tamaño para que ocupen todo el ancho de la pantalla en dispositivos más grandes, lo que proporciona una experiencia visual impactante.

2. Posición de las Slides: Las diapositivas se colocan en la parte superior del contenido, después del Navbar, en lugar de aparecer debajo de la barra de navegación. Esto asegura que las diapositivas sean lo primero que los visitantes vean al acceder al sitio web o la aplicación, lo que puede ser efectivo para destacar promociones o información importante.

3. Adaptación al Ancho de Pantalla: Las diapositivas están diseñadas para adaptarse al ancho de la pantalla del dispositivo en el que se están viendo. Esto significa que, en pantallas más grandes, las diapositivas se extenderán para llenar todo el espacio disponible, mientras que en dispositivos más pequeños, como móviles, se ajustarán automáticamente para encajar correctamente.

4. Versión Móvil: Para dispositivos móviles, se utiliza una imagen diferente con dimensiones de 600 píxeles de ancho por 470 píxeles de alto en lugar de la versión más grande. Esto garantiza que las diapositivas se vean bien y sean funcionales en pantallas más pequeñas sin sacrificar la calidad visual.

5. Cantidad de Slides: Se permite la inclusión de hasta 5 diapositivas promocionales y de categorías. Esto proporciona flexibilidad para destacar varios productos, servicios o mensajes importantes en la página principal del sitio web o la aplicación.

Estas especificaciones aseguran que las diapositivas sean visuales y efectivas, ocupando un lugar destacado en la página principal y adaptándose de manera adecuada a diferentes tamaños de pantalla, incluidos dispositivos móviles.

[CBarreraB]

Adjunto imagenes 01 de Slide, estas se numeraran 01,02... y en Mobile 01m, 02m...

[CBarreraB]

https://i.postimg.cc/sfnCf51x/01.png

https://i.postimg.cc/gjtCMb18/01m.png

https://i.postimg.cc/RhvtgjwS/02.jpg

https://i.postimg.cc/W3Gr62FY/02m.jpg

[CBarreraB]

Se ha identificado un problema durante la revisión y prueba en una pantalla de tamaño superior a Full HD, con una resolución de 1920px o más. El elemento en cuestión se está representando con un ancho que excede los 1920px, lo que está causando una experiencia deficiente para el usuario.

Para resolver este problema, se requiere que el ancho máximo de este elemento se limite a 1920px. Además, si el contenido dentro de este elemento es más ancho que 1920px, se debe asegurar que solo se muestre hasta este ancho máximo. Sin embargo, es esencial que los colores del contenedor continúen hasta los bordes de la pantalla en esta caso seria interesante un negro, independientemente de su ancho. Esto dará la impresión de que los colores se adaptan completamente al ancho de la pantalla, pero el contenido en sí está contenido dentro de los 1920px.

Esta solución mejorará la experiencia del usuario en pantallas más grandes al limitar el ancho del elemento, manteniendo al mismo tiempo la apariencia visual deseada en términos de colores y diseño.

[CBarreraB]

Mejora de Diseño del Slide y Actualización de Imágenes

Descripción:

Se propone realizar una mejora en el diseño del slide de la página para mantener la coherencia y armonía con el resto del diseño. Se implementará un campo negro full al lado del slide (lado derecho de la imagen) cuando la pantalla tenga un ancho mayor a 1921px, similar al diseño utilizado en la sección del Blog. Además, se actualizarán las imágenes del slide para dispositivos de escritorio y tabletas, ubicadas en la carpeta public/images/slide/desktop, así como las imágenes para dispositivos móviles, ubicadas en public/images/slide/mobile, asegurando una óptima optimización y calidad visual.

Cambios Propuestos:

• Implementar un campo negro full al lado del slide cuando la pantalla tenga un ancho mayor a 1921px para mantener la coherencia con el diseño de la página.

• Actualizar las imágenes del slide para dispositivos de escritorio y tabletas, ubicadas en public/images/slide/desktop, así como las imágenes para dispositivos móviles, ubicadas en public/images/slide/mobile, con el objetivo de mejorar la calidad visual y la optimización de las imágenes.

Notas Adicionales:

Es importante realizar pruebas en diferentes dispositivos y tamaños de pantalla para garantizar que el diseño y las imágenes del slide se vean correctamente y cumplan con las expectativas de diseño.
Se aceptarán sugerencias y ajustes durante el proceso de implementación para asegurar que el diseño del slide sea coherente y armonioso con el resto de la página.