Awesome stuff for Beaver BuilderThank you for your patience during our transition to a new server.

HomeModulesBeaver BuilderGallery

Gallery

Part of Beaver Builder Plugin | Works with Beaver Builder Standard / Pro / Agency

The gallery module creates a collage or thumbnail view of images from your media library. You can also use SmugMug by providing your SmugMug gallery feed URL.

In ‘Thumbs’ mode, display a group of images on your layout using your thumbnail images from your WordPress media library. In ‘Collage” mode, display a grid of small, medium or large, images on your page and set the pixel distance between each image. At desktop size, small, medium and large grids all display in a unique layout, whilst on mobiles, medium and large layouts can end up looking the same.

If you are familiar with Jetpack’s Tiled Galleries, the Gallery module works in a similar way. The only difference here is that BB doesn’t crop your images to suit your layout, instead it scales them to fit the space of the container. Jetpack galleries fit into a neat rectangle whereas BB Galleries end up looking more like a masonry layout with an uncrossed bottom margin.


Rate This Module

No votes yet.
Please wait...

Gallery

Part of Beaver Builder Plugin| Works with Beaver Builder Standard / Pro / Agency

The gallery module creates a collage or thumbnail view of images from your media library. You can also use SmugMug by providing your SmugMug gallery feed URL.

In ‘Thumbs’ mode, display a group of images on your layout using your thumbnail images from your WordPress media library. In ‘Collage” mode, display a grid of small, medium or large, images on your page and set the pixel distance between each image. At desktop size, small, medium and large grids all display in a unique layout, whilst on mobiles, medium and large layouts can end up looking the same.

If you are familiar with Jetpack’s Tiled Galleries, the Gallery module works in a similar way. The only difference here is that BB doesn’t crop your images to suit your layout, instead it scales them to fit the space of the container. Jetpack galleries fit into a neat rectangle whereas BB Galleries end up looking more like a masonry layout with an uncrossed bottom margin.


Rate This Module

No votes yet.
Please wait...

Example 1

In 'Thumbs' mode, the gallery module will display the thumbnail version of your images. In this example, our thumbnails are set to 150 x 150px in the media library image settings. If you change this to say, 200 x 200px, BB will display that size of image in the gallery module.

Example 2

In this example, we've used the 'Collage' mode and chosen 'small' images with a 5px spacing. The Gallery module doesn't set the positioning of the photos automatically so you may need to adjust the location manually by dragging the images in the order that best suits the layout.

Example 3

In this example, we've used a collage of 'medium' images with a 5px spacing. The order of images needs to be adjusted again to suit the layout.

Example 4

In this example, we've used a collage of 'large' images which forces the layout to display each one in order. We've also selected the caption to show on hover.

No votes yet.
Please wait...

2 Comments

  1. Anna on December 7, 2016 at 5:52 pm

    Since I’ve upgraded to version 1.8.8 (lite version), the gallery option seems to be missing. Has it moved to a very hard to find place? I still need it!

    0
    Be the first one to like this.
    Please wait...
    • Michael Davis on December 8, 2016 at 2:17 pm

      Hi Anna,

      I’m checking in a test site with 1.8.8 (Lite) and see the Gallery module in the Advanced modules. If it’s still not working, you might try re-installing. If it persists, however, try creating a Beaver Builder support ticket here.

      0
      Be the first one to like this.
      Please wait...

Leave a Comment