Revisar selecciones ya no es un dolor de cabeza
Cuando un cliente finaliza su seleccion de fotos, el fotografo necesita revisar que todo este correcto: las imagenes elegidas, los productos asociados y los comentarios. Hasta ahora, esa revision se hacia en una tabla con miniaturas de 80 pixeles. Con 200 selecciones, la experiencia era lenta y poco visual.
Con esta actualizacion, el panel de selecciones del cliente incluye un modo cuadricula que muestra las fotos en grande, organizadas en un grid responsive de hasta 8 columnas.
Que cambia en la practica
Vista cuadricula
Al abrir el tab de selecciones de cualquier sesion, ahora ves un boton en la esquina superior derecha para alternar entre vista tabla y vista cuadricula. La cuadricula muestra cada foto en formato cuadrado ocupando todo el espacio disponible. Las fotos que tienen productos o comentarios asociados muestran un icono indicador en la esquina superior izquierda.
Panel de detalle expandible
Al hacer clic en el icono de una foto en la cuadricula, se despliega un panel justo debajo de la fila correspondiente. Este panel muestra el nombre del archivo, los productos vinculados con sus variantes y precios, y el comentario del cliente. Al hacer clic de nuevo o en otra foto, el panel se cierra o se mueve.
Visor a pantalla completa
Tanto en la vista tabla como en la cuadricula, cada miniatura tiene un boton de ampliar que aparece al pasar el raton por encima. Al pulsarlo, se abre el visor de imagenes a pantalla completa con navegacion por teclado y botones laterales. Las fotos se cargan en resolucion completa, no en miniatura.
Columnas inteligentes en la tabla
La vista tabla ahora oculta automaticamente las columnas de productos y comentarios cuando ninguna seleccion tiene datos en esas columnas. Si el cliente solo selecciono fotos sin productos ni comentarios, la tabla muestra unicamente la columna de imagen con todo el ancho disponible.
Copiar selecciones desde la tarjeta
El boton de copiar los nombres de las fotos seleccionadas se ha movido del pie del modal directamente al encabezado de la tarjeta de selecciones. Al pulsarlo, los nombres se copian al portapapeles y el icono cambia a un tick verde durante dos segundos como confirmacion visual.
Carpetas en ambos modos
Si la sesion tiene carpetas configuradas, tanto la tabla como la cuadricula agrupan las fotos por carpeta con separadores visuales. Las fotos sin carpeta asignada aparecen al final en una seccion "Otras imagenes".
Como se ve en la practica
| Funcion | Vista tabla | Vista cuadricula |
|---|---|---|
| Tamano de imagen | 80x80 px | Adaptable al ancho |
| Productos | Columna dedicada | Panel expandible |
| Comentarios | Columna dedicada | Panel expandible |
| Ampliar foto | Boton hover | Boton hover |
| Carpetas | Filas separadoras | Secciones con titulo |
| Copiar nombres | Boton en header | Boton en header |
Rendimiento con muchas selecciones
El componente esta optimizado para sesiones con cientos de selecciones. Cada tarjeta de la cuadricula usa memorizacion para evitar re-renderizados innecesarios. Los nombres de archivo y los indices se pre-calculan una sola vez y se reutilizan en todas las vistas. El visor a pantalla completa se monta mediante un portal independiente que no interfiere con el rendimiento del grid.
El equipo de PhotoHeart