Learn how to create a fully dynamic portfolio gallery in Bricks Builder using the Happy Files plugin.
In this tutorial, I’ll show you how to automatically generate a gallery based on folders in the WordPress media library. No manual updates—just drop images into the right folders, and Bricks takes care of the rest.
You'll see how to use Bricks Builder’s query loop and set up a nested loop to dynamically display images from Happy Files media folders. The final result is a tabbed portfolio where each tab corresponds to a folder, plus a "View All" option and a lightbox for easy navigation.
This method makes it incredibly simple for clients to update their portfolios—just upload images to the right folders, and the site updates automatically.
Big thanks to Jenn from Bricks Support for the help. Once I saw how this worked, I knew I had to share it.
Let me know what you think!
#BricksBuilder #WordPress #HappyFiles #DynamicGallery #BricksQueryLoop
Timestamps:
00:00 - Introduction
00:49 - Overview of the project
06:04 - Creating the nestable tabs
07:31 - Querying the folders
12:35 - Querying the images
16:35 - Creating the image masonry grid
17:17 - Making the tabs pretty
20:22 - Ordering the tabs
23:04 - Adding a lightbox gallery
26:40 - Deeplinking to the tabs
30:09 - Adding the All-tab
34:01 - Auf wiedersehen