Photo Gallery

Base Page Tag

Add the following tag to the page:

layout_photo_gallery

or

layout_photo_collage

 




Upload & Re-order Photos

On a basic page, upload the photos to files. Super simple. However, be aware that there are no re-order capabilities on a basic page.

On a blog page, create a blog post for each photo and upload the photo under the post's files tab. To add a caption to the photo when someone clicks on it, place the text in the "Before the fold" field under the "Q&A" tab. The order of the photos is by date published, so to re-order the photos you would change the date published.

On an FAQ page, create a question for each photo and upload the photo under the question's files tab. To add a caption to the photo when someone clicks on it, place the text in the "Answer" field under the "Q&A" tab. To re-order your photos simply drag the questions in the order you would like them.

 

Width Formatting

Add any of the following tags to the page to change how your posts are displayed.

Additionally, you can append any of the following to the width tags:

to fix the width regardless of the size of the window, append:

_fixed

to fix the width regardless of the page being viewed on a mobile device, append:

_fixed_mobile

to convert items into a slider, append:

_slider

 

Image Aspect Ratio

Use this page tag to override the image aspect ratio on image blocks:

image aspect:

possible values include: 1-1, 2-1, 3-1, 4-1, 21-9, 16-9, 16-10, 4-3, 3-2, 7-3, 5-4, 4-5

Examples:

image aspect: 1-1

image aspect 3-2

 

Show Me The Magic