Box Galleries
A lightweight accessible, responsive and versatile gallery add-on with many options and combinations available.
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:
Option 1:
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 by 300pixels by default, you can change to suit your needs from min 100 to max 900pixels wide and 100 to 600pixels high. Popup images are set to 900pixels wide by default, but can changed to suit your needs from min 500 to max 2000pixels. 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 by 300pixels by default, you can change to suit your needs from min 200 to max 900pixels wide and 200 to 600pixels high. Popup images are set to 900pixels wide by default, but can changed to suit your needs from min 500 to max 2000pixels. 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.
You can buy now from the Concrete cms marketplace for $28.00 (USD): buy the 'Box Gallery' ➔
Logo 'Thumbnail' launches a single image from a 'File Set' with left float and no other options applied.
Different 'Thumbnail' launches a different single image from a 'File Set' with background, border, title and right float.
Click image to view popup
Default gallery view without any options applied and images are set to four in a row.
Gallery with all options applied: 'background colour', 'border radius', 'border with colour', 'image shadow' and set to three images to a row.
