---
title: "Gallery pages"
canonical_url: https://support.digitalphotogallery.com/articles/article/13a50790-dc4f-11e6-b2c8-6e61028599f7
short_url: https://dpg.support/ahii
category: "Websites > Templates > System Templates > Series 2 > Classic Masonry"
locale: en
updated_at: 2018-03-21T02:44:22Z
source: Digital Photo Gallery Support
---

# Gallery pages

There are several different Gallery [pages](https://support.digitalphotogallery.com/articles/article/31616e5e-0810-11e6-8390-16474ff850f4) to choose from when it comes to presenting your work. The defining characteristic of this template is the masonry grid index view, which is a multicolumn gallery that scales with the width of the display. 

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/1f19b19e-293c-11e8-bedf-1ef790c6f0a9/1101_support.jpg?generated=20180316173642)

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/58e81a0a-294b-11e8-8740-22aeaf0bd45a/1109_support.jpg?generated=20180316185646)
This is an example of the masonry grid in both Sidebar and Top Bar layouts. You can customise the size and appearance of the grid in the Design section of your website.

> 💡 **Tip:** Like all pages across DPG sites, this page supports images, animated GIFs and inline video.

### Gallery page types
A site can use multiple different gallery page types, so you can choose the best way to display your content. The main difference between the gallery pages is how visitors navigate through the gallery.

#### Masonry Gallery With Navigation
[▶ The Gallery With Navigation shows text for navigating between images or back to index.](https://cache.dpg.media/hyqelgcvfopo/videos/5f2bf098-2c8a-11e8-8eca-1ef790c6f0a9/8cfa97f4-2c8a-11e8-8eca-1ef790c6f0a9.mp4)

> 💡 **Tip:** You can also use icons in addition to or in place of the text.

#### Masonry Gallery With Hover
[▶ The Gallery With Hover shows a hover effect on the index page, with thumbnails on the individual image view.](https://cache.dpg.media/hyqelgcvfopo/videos/540d5690-2c88-11e8-b61c-1ef790c6f0a9/7ed366e4-2c88-11e8-b61c-1ef790c6f0a9.mp4)

> 💡 **Tip:** As hover states do not work on mobile devices, by default the Hover gallery shows image information underneath on mobile.

#### Masonry Gallery With Thumbnails
[▶ The Gallery With Thumbnails shows small thumbnails underneath the main image in individual image view.](https://cache.dpg.media/hyqelgcvfopo/videos/62811378-2c89-11e8-9ba0-1ef790c6f0a9/8e9235be-2c89-11e8-9ba0-1ef790c6f0a9.mp4)

#### Masonry Gallery With Downloads
[▶ The Gallery With Downloads page allows visitors to download versions of your image.](https://cache.dpg.media/hyqelgcvfopo/videos/b1d69cca-2c8b-11e8-bc19-22aeaf0bd45a/d7511c00-2c8b-11e8-bc19-22aeaf0bd45a.mp4)
> 💡 **Tip:** Don't forget to [enable downloads](https://support.digitalphotogallery.com/articles/article/f15a81ec-5534-11e7-8ea6-76c92ec7a447) if you've created a Downloads page on your site.

#### Masonry Gallery With Sales
[▶ The Gallery With Sales allows you to create a shop on your site.](https://cache.dpg.media/hyqelgcvfopo/videos/7de16e5c-2c8d-11e8-94f1-1ef790c6f0a9/a0ce13a2-2c8d-11e8-94f1-1ef790c6f0a9.mp4)
> 💡 **Tip:** See [Sales](https://support.digitalphotogallery.com/articles/category/bc6f6756-aa91-11e2-adce-b8f6b11825bb) for more information.

### Sets view

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/0d3181f2-2ca5-11e8-b68e-22aeaf0bd45a/1127_support.jpg?generated=20180321011512)
If you have a larger body of work, you can easily organise it into themes or projects by creating sets inside any Gallery page.