
Photoswipe
Photoswipe is a multi-thumbnail gallery. Thumbnails are laid out in a mosaic-like grid which runs in rows of two. The structure of the grid will change shape and size depending on the order of your images.
Tip: To change a layout, try reordering your images or introducing a mixture of landscape and portrait orientation images.
When thumbnails are clicked, a large version of the image is displayed. If there is more than one image in your gallery, controls will be displayed for visitors to navigate to the other images.
Photoswipe requires all images to use the same aspect ratio, which is selectable in the theme’s settings.
The thumbnail and image appearance is linked. If you make any changes to the scale or crop of a thumbnail, the same change will be applied to the image and vice versa.
General Settings
- Primary Color and Opacity: Sets the color and transparency of the overlay that appears when a thumbnail is clicked.
- Link Primary and Secondary colors: Sets and links the Secondary color to the same as the Primary color
- Secondary Color and Opacity: Sets the color and transparency of the header and caption bars that appear when a thumbnail is clicked.
Thumbnails & Images
- Aspect Ratio: Sets the aspect ratio of images. Portrait images are set at an aspect ratio that makes them as wide as a landscape image and the height of two landscape images.
Tip: If there is a big difference between the two selected values, portrait images begin to look more like landscape images.
Buttons and Elements
- Icon Color: Choose from white or black controls.
- Buttons - Zoom, Fullscreen, Share, and Close: Sets whether the respective buttons should be displayed on the overlay when an image is displayed.
- Elements - Title, Caption, and Counter: Sets whether the respective elements should be displayed on the overlay when an image is displayed.
Text
- Counter Font, Color, and Size: Sets the font, color, and size of the text that indicates what number image is being displayed. The counter can be turned off by unchecking the checkbox alongside the title.
- Share Font, Size, Color, Hover Color, Background Color, and Background Hover Color: Sets the font, size, text color, text hover color, background color and background hover color of the text in the menu that appears when the Share button is clicked. The Share button can be turned off by unchecking the checkbox alongside the title.
- Title Font, Color, and Size: Sets the font, color, and size of the title text. Titles can be turned off by unchecking the checkbox alongside the title.
- Caption Font, Color, and Size: Sets the font, color, and size of the caption text. Captions can be turned off by unchecking the checkbox alongside the title.