Reviewing selections is no longer a headache
When a client finalises their photo selection, the photographer needs to check everything is correct: the chosen images, associated products and comments. Until now, that review happened in a table with 80-pixel thumbnails. With 200 selections, the experience was slow and not very visual.
With this update, the client selections panel includes a grid mode that displays photos at a larger size, arranged in a responsive grid of up to 8 columns.
What changes in practice
Grid view
When you open the selections tab of any session, you now see a button in the top-right corner to toggle between table view and grid view. The grid shows each photo in a square format filling the available space. Photos that have associated products or comments display an indicator icon in the top-left corner.
Expandable detail panel
Clicking the icon on a photo in the grid opens a panel right below the corresponding row. This panel shows the file name, linked products with their variants and prices, and the client comment. Clicking again or on another photo closes or moves the panel.
Full-screen viewer
In both the table and grid views, every thumbnail has a zoom button that appears on hover. Clicking it opens the full-screen image viewer with keyboard navigation and side buttons. Photos load at full resolution, not as thumbnails.
Smart columns in the table
The table view now automatically hides the products and comments columns when no selection has data in them. If the client only selected photos without products or comments, the table shows just the image column using the full available width.
Copy selections from the card
The button to copy selected photo names has moved from the modal footer directly into the selections card header. When pressed, names are copied to the clipboard and the icon switches to a green tick for two seconds as visual confirmation.
Folders in both modes
If the session has folders configured, both the table and grid group photos by folder with visual separators. Photos without a folder appear at the end in an "Other images" section.
How it looks in practice
| Feature | Table view | Grid view |
|---|---|---|
| Image size | 80x80 px | Adapts to width |
| Products | Dedicated column | Expandable panel |
| Comments | Dedicated column | Expandable panel |
| Enlarge photo | Hover button | Hover button |
| Folders | Separator rows | Titled sections |
| Copy names | Header button | Header button |
Performance with many selections
The component is optimised for sessions with hundreds of selections. Each grid card uses memoisation to avoid unnecessary re-renders. File names and indices are pre-computed once and reused across all views. The full-screen viewer is mounted via a separate portal that does not interfere with grid performance.
The PhotoHeart Team