Grid Gallery

Steps to create a Grid Gallery

1

Navigate to PAGES -> ADD NEW , give the page a title and publish it. Incase of an existing page, just edit it in the backend.

2

In the left panel of the Tatsu Page Builder, navigate to the module list and search for Gallery. Drag and drop the gallery module to the right panel.

3

In the Settings that Pop Up, you can choose the Number of Columns, Lightbox type, overlay color, hover effect, etc. Configure the settings to your liking.

In the setting named Upload Images , upload / select the images you would like to from the media library.

4

If you would like the Gallery to expand to the full width of the screen, edit the ROW enclosing the Gallery module in the page builder and select FULL WIDTH ROW option.

The video tutorial explains how to add a Gallery Grid in your page.
FAQs about Grid Gallery :

How to add Video in the Grid Gallery

If you would like any of gallery image to open a video in the lightbox, you need to choose the lightbox type as Magnific Popup & then edit that particular image in the media library and assign a video to it, by entering a youtube / vimeo url.

portfolio_lightbox_vid

How to add Caption beneath the Image in Lightbox

Magnific Pop Up –

If you are using Lightbox Type as Magnific Pop up, the caption to the Image should be added as the Title of the Image , by editing the Image in Media Library.

portfolio_lightbox_desc
Photoswipe –

If you are using Lightbox Type as Photoswipe, the caption to the Image should be added as the Description of the Image , by editing the Image in Media Library.

portfolio_lightbox_desc_1

How to add Social Media Image feed in Gallery

In the Gallery Module Properties, set the field named Image Source to the source from where you want to pull the Images. The respective Account Name should be given in the field named Account Name

gallery external

Related Articles

Leave A Comment?

You must be logged in to post a comment.