Skip to main content

Gallery Widget

The Gallery widget displays images and content in a grid and comes with different layout, animation and overlay options. A lightbox can be enabled to show a larger version of your media.

Camera

Camera

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Typography

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Portfolio App

Portfolio App

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Sneakers

Sneakers

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Corporate Identity

Corporate Identity

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Badge

Badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Sticker

Sticker

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Vintage

Vintage

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Workspace

Workspace

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Business Card

Business Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
Flyer

Flyer

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
T-Shirt

T-Shirt

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

Filter and Masonry

The Gallery widget can arrange items in a seamless gap-free multi-column layout on all device sizes. You can filter items by name or tag.

  • Interior
  • Library
  • Vintage
  • Slides
  • Tea Box
  • Camera
  • Museum
  • Living Room
  • Office
  • Interior

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Library

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Vintage

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Slides

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Tea Box

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Camera

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Museum

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Living Room

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Office

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
  • Interior
  • Library
  • Vintage
  • Slides
  • Tea Box
  • Camera
  • Museum
  • Living Room
  • Office

Parallax Grid

The Gallery widget also comes with a scrolling parallax effect for the grid columns.

Gallery 01
Gallery 02
Gallery 03
Gallery 04
Gallery 05
Gallery 06
Gallery 07
Gallery 08
Gallery 09

Gutter

You can set different gutter widths or remove the gutter completely for a tiled image layout. Independent of the overlay, you can add different animations to the image.

Landscape

Landscape

Deer

Deer

Trespassing

Trespassing

Diving

Diving

Flower Field

Flower Field

Hot-Air Balloon

Hot-Air Balloon

Backwoods

Backwoods

Hiking

Hiking

Mountains

Mountains


Overlay

Display your content in an overlay. Apply a background, animation and determine the alignment. The overlay can be triggered on hover or remain visible at all times.

Alps, Europe

Alps, Europe

September 2015
Cairo, Egypt

Cairo, Egypt

March 2015
Oslo, Norway

Oslo, Norway

January 2015
Hamburg, Germany

Hamburg, Germany

August 2014
Crete, Greece

Crete, Greece

July 2014
Tuscany, Italy

Tuscany, Italy

May 2013
  • Alps, Europe
  • Cairo, Egypt
  • Oslo, Norway
  • Hamburg, Germany
  • Crete, Greece
  • Tuscany, Italy
  • Alps, Europe

    September 2015
  • Cairo, Egypt

    March 2015
  • Oslo, Norway

    January 2015
  • Hamburg, Germany

    August 2014
  • Crete, Greece

    July 2014
  • Tuscany, Italy

    May 2013
  • Alps, Europe
  • Cairo, Egypt
  • Oslo, Norway
  • Hamburg, Germany
  • Crete, Greece
  • Tuscany, Italy

Image Overlay

Display a different image as an overlay on hover. Just add a second media field to the content section.

Man Man
Diver Diver
Woman Woman

Panels

The Gallery widget can also display content in an image caption with different panel styles. You can split content parts to be shown in the caption and the overlay.

Redbrick House

Redbrick House

USB Stick

USB Stick

Boardwalk

Boardwalk

Backwoods

Backwoods

Tablet

Tablet

Wooden Box

Wooden Box


Additional Fields

Some of the elements that you can display inside a Gallery widget first need to be defined by creating an additional field inside the Content Manager.

Field Description
Tags Need to be created for filtering items.