Rever selecoes ja nao e uma dor de cabeca
Quando um cliente finaliza a sua selecao de fotos, o fotografo precisa de verificar que tudo esta correto: as imagens escolhidas, os produtos associados e os comentarios. Ate agora, essa revisao era feita numa tabela com miniaturas de 80 pixeis. Com 200 selecoes, a experiencia era lenta e pouco visual.
Com esta atualizacao, o painel de selecoes do cliente inclui um modo grelha que mostra as fotos em grande, organizadas numa grelha responsiva de ate 8 colunas.
O que muda na pratica
Vista em grelha
Ao abrir o separador de selecoes de qualquer sessao, agora ve um botao no canto superior direito para alternar entre vista tabela e vista grelha. A grelha mostra cada foto em formato quadrado ocupando todo o espaco disponivel. As fotos que tem produtos ou comentarios associados mostram um icone indicador no canto superior esquerdo.
Painel de detalhes expansivel
Ao clicar no icone de uma foto na grelha, abre-se um painel logo abaixo da linha correspondente. Este painel mostra o nome do ficheiro, os produtos vinculados com as suas variantes e precos, e o comentario do cliente. Ao clicar novamente ou noutra foto, o painel fecha-se ou move-se.
Visualizador em ecra inteiro
Tanto na vista tabela como na grelha, cada miniatura tem um botao de ampliar que aparece ao passar o rato por cima. Ao clica-lo, abre-se o visualizador de imagens em ecra inteiro com navegacao por teclado e botoes laterais. As fotos sao carregadas em resolucao completa, nao em miniatura.
Colunas inteligentes na tabela
A vista tabela agora oculta automaticamente as colunas de produtos e comentarios quando nenhuma selecao tem dados nessas colunas. Se o cliente apenas selecionou fotos sem produtos nem comentarios, a tabela mostra unicamente a coluna de imagem com toda a largura disponivel.
Copiar selecoes a partir do cartao
O botao para copiar os nomes das fotos selecionadas foi movido do rodape do modal diretamente para o cabecalho do cartao de selecoes. Ao premi-lo, os nomes sao copiados para a area de transferencia e o icone muda para um visto verde durante dois segundos como confirmacao visual.
Pastas em ambos os modos
Se a sessao tem pastas configuradas, tanto a tabela como a grelha agrupam as fotos por pasta com separadores visuais. As fotos sem pasta atribuida aparecem no final numa seccao "Outras imagens".
Como se apresenta na pratica
| Funcao | Vista tabela | Vista grelha |
|---|---|---|
| Tamanho da imagem | 80x80 px | Adapta-se a largura |
| Produtos | Coluna dedicada | Painel expansivel |
| Comentarios | Coluna dedicada | Painel expansivel |
| Ampliar foto | Botao hover | Botao hover |
| Pastas | Linhas separadoras | Seccoes com titulo |
| Copiar nomes | Botao no cabecalho | Botao no cabecalho |
Desempenho com muitas selecoes
O componente esta otimizado para sessoes com centenas de selecoes. Cada cartao da grelha utiliza memorizacao para evitar re-renderizacoes desnecessarias. Os nomes dos ficheiros e os indices sao pre-calculados uma unica vez e reutilizados em todas as vistas. O visualizador em ecra inteiro e montado atraves de um portal separado que nao interfere com o desempenho da grelha.
A equipa PhotoHeart