How to add Picture Gallery blocks to the Page Editor

Show off your images using the Page Editors’ Responsive Picture Gallery feature. This Gallery tool opens pictures in a lightbox with a built in carousel for a larger image view and also reorganises items based on page width.

1. Adding a Picture Gallery block from Page Blocks When inside the Page Editor, click Add under Page Blocks and then from the Visual Blocks tab, select the Picture Gallery title. 2. Uploading your Gallery in the CMS pictures library Upload all the pictures you want included in your Picture Gallery into their own folder within the CMS Pictures folder. Once uploaded, tick the include checkbox next to all the images and the folder itself. Go back to the Page Editor and double-click on the Picture Gallery block to open the Hot Directory. Open the Pictures folder and then select the folder that contains your images. Do note that the name you give your image in the CMS Pictures folder will become the title that appears beneath the image in the Gallery. 3. Configuring the options for Picture Galleries Once you have added the Picture Gallery to your page, right-click on the item to open the Picture Gallery Options pop-up. From here you can give your Gallery thumbnails width and height (in pixels), choose to crop and resize or resize the images in the thumbnails and give the Gallery a group name. It's important to include a group name as this is what gathers your images into one carousel. Extra Tip When the images appear in the lightbox, the user has the choice of using the arrows to navigate between the images or clicking the play icon for a slideshow. 4. An example of a Responsive Picture Gallery Resize your page width or check this page on mobile to see the effect. The folder or item you selected does not contain any available pictures. Check the folder is not empty and the 'include' checkbox is checked next to any pictures you want to be displayed