Gallery Display Styles: controlling how images are displayed

Gallery display styles make it easy to change the way galleries are displayed on your website, from full-screen auto-scaling slideshows to mosaic tile walls.

A gallery style applies to all galleries using that style.

Gallery styles allow you to display images and galleries in a different way, according to each gallery’s purpose.

For example, gallery styles let you:

• Choose whether to hide or dislay the image / video title and information under the preview, or behind an Info button ;
• Display or hide certain metadata information in the galleries: title, file name, shooting date, author, copyright, PROOF/FINAL state, etc…
• Change the size / quality / resolution of images and videos displayed on your website ;
• Change the size and positioning of thumbnails ;
• Let galleries open on thumbnails or on their first image ;
• Let galleries be viewed as slideshows ;
• Activate the fullscreen mode ;
• Hide / remove certain components, like the Search ;
• Show or remove the share button in public galleries ;
• Set how many thumbnails are displayed per page ;
• …

To change the Display Style used by a gallery, open that gallery under My images & videos, then click on the link displaying the current display style in use, located right below the gallery title.

Default gallery styles

Each theme includes the following default display styles:

Style	What for?	What it does
Portfolio	To showcase your work with as little visual distraction as possible	Aesthetics first: large images, no distracting action buttons or metadata (so it’s not suitable for ecommerce or proofing galleries), automatic slideshow, no search box.
Proofing	Optimized for client galleries and to select images.	Uncropped thumbnails, easy access to proofing features and image information.
Standard	General-purpose style, also used for search results	Somewhere between the Portfolio and Proofing styles, good compromise between usability and aesthetics.
Blog	Blog index and blog posts	Displays a gallery like a blog: big previews on the same page, image descriptions readily visible as text, …

Customizing gallery styles

The preview window lets you navigate and see changes as you make them

Enlarged images/videos

This section gives you complete control over how opened images and videos appear in your galleries. This is also the place to adjust slideshow behavior for full-screen auto-scaling slideshows using, for example, the Portfolio style.

It is in this section that you can adjust the size / quality /resolution of the images and videos displayed on your website.

Note that image quality on a website is always a compromise between:

• displayed size on screen
• quality
• loading time (its importance is too often overlooked)

You can adjust various settings in the gallery display styles to maximize quality:

• use a higher size - this will result in longer loading times
• turn upsizing off in the auto-scale settings
• reduce the allowed crop
• also make sure that you upload files that are at least 3000px wide.

Image/video thumbnails

This section controls the thumbnails that open the actual images and videos of a gallery.

Choose from great presets such as the magic mosaic wall tile, or edit small details like whether or not to display download icons on the thumbnails.

Gallery covers

This section controls the cover thumbnails that open sub-galleries, like the main “Galleries” gallery.

For example, you can try here different ways to display the gallery titles on or under their thumbnails.

A notable option here is the Click on gallery cover opens: parameter. This will dictate if visitors see a large image / slideshow or thumbnails when they first enter a gallery.

Thumbnails pages

You will find here options that apply to pages of both gallery covers and image/video thumbnails.

Hide components in this display style

This section allows you to hide parts of your design in the galleries that use this gallery style.

Duplicating a gallery style and creating your own

You can duplicate an existing gallery style from its customization panel, via Advanced / Create a new style based on this one.

This allows you to create new styles for specific galleries, and your own styles are not reset when changing theme.