Box Gallery

Create galleries of images from ‘File Sets’ with the ‘Magnific’ script for popups. Images are automatically set to ‘lazy-load’. Box spacing is automatic. You can have multiple galleries on a page without any Javascript or CSS conflicts.

Gallery view options:

Option1:

Use a single thumbnail image to launch a popup image or gallery from a ‘File set’. The thumbnail can be a separate image to the ‘File set’. Thumbnails are set to 400 x 300px by default, you can change to suit your needs from min 100 to max 900px wide and 100 to 600px high. Popup images are set to 900px wide by default, but can changed to suit your needs from min 500 to max 2000px. The height is set automatically to keep aspect ratio.

Option 2:

Use a group of Thumbnails that popup from a "File set". Thumbnails are set to 400 x 300px by default, you can change to suit your needs from min 200 to max 900px wide and 200 to 600px high. Popup images are set to 900px wide by default, but can changed to suit your needs from min 500 to max 2000px. The height is set automatically to keep aspect ratio.

Block view options:

• Show shadow under thumbnail image.
• Show a border radius around image and boxes.
• Choose a background colour in box under images.
• Show a box border with colour.
• Float block left, centre or right when using a single ‘Thumbnail’ image, not for the ‘Gallery’ template.
• Set the amount of boxes per row (defaults to showing three), not needed when using a single ‘Thumbnail’ image.
• Images can be a mix of landscape and portrait, oversized thumbnail images are cropped to suit your set dimensions.
• We recommend optimising then uploading images with the .webp extension, although a jpg or png will work.
• You can set the amount of boxes in a row and columns will flow beneath. On mobiles images will fold and stack vertically.
• Completely customisable with over sixty combinations.