"ProPhoto" > "Customize" > "Proofing Appearance" > "Single Image Modal View"
Single Image Modal Sidebar Overview
In a proofing gallery’s single image modal view, a sidebar is displayed, containing several image action buttons that the viewer can click to perform a variety of actions.
These buttons perform the following actions when clicked:
- Close – Simply closes the single image view, returning to the gallery thumbnail view.
- Full-Screen – views the image full-screen on the visitor’s display.
- Add to Collection – adds the image to a collection (e.g. “Favorites”). When clicked, the button changes color, indicating that the user has added the image to their collection. Multiple collections may be available, and different button icons may be chosen.
- Add to Cart – expands the sidebar so the visitor can select a product to add to their cart.
- View Cart – when products are added to the cart, the button takes the visitor to their cart.
- Add a Comment – allows the visitor to add a comment to the image, which is shown in the Orders screen for any submitted order or collection.
- Image Info – when image EXIF data is enabled for the gallery, this button expands the sidebar to display any image EXIF information available in the image file.
Sidebar Appearance Options
ProPhoto allows you to modify the appearance of this sidebar with the following options.
- Sidebar Position – You can choose whether you want the sidebar in the single image modal view to appear on the left side, or right side of the window.
- Sidebar Background Color & Opacity – Here you can choose both the color, and opacity of the sidebar in the single image modal view. When you click this option, a pop-up will appear with two sliders. The one on the left controls the color, the one on the right controls opacity.
- Sidebar Text Color – Several of the sidebar buttons cause the sidebar to slide open and display text. This setting allows you to control the color of any text that is shown inside of the sidebar. For example, with the text color selected in the screenshot above, when clicking the “image info” button, we get this: